/*
Theme Name: Tincetion
Theme URI: http://www.zhiyanblog.com/tinection.html
Description: Tinection主题，WordPress多模板主题，知言博客自用主题
Version: 1.1.6
Date: 2015.2.10
Author: Zhiyan
Author URI: http://www.zhiyanblog.com/
Text Domain: tinection
Tags: light, one-column, two-columns, fluid-layout, fixed-layout, custom-colors, custom-background, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, photoblogging 

	Copyright: (c) 2014-2015 Tinection@Zhiyanblog
	License: GNU General Public License v3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

@font-face {
    font-family: 'consolas';
    src: url('../fonts/consolas-webfont.eot');
    src: url('../fonts/consolas-webfont.eot') format('embedded-opentype'),
    url('../fonts/consolas-webfont.woff') format('woff'),
    url('../fonts/consolas-webfont.ttf') format('truetype'),
    url('../fonts/consolas-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ------------------------------------------------------------------------- *
 *  Reset
 * ------------------------------------------------------------------------- */
html, body, button, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, article, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, section,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, tr {
    margin: 0;
    padding: 0;
    border: none;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    vertical-align: baseline;
    background: transparent;
    font-family: "Microsoft YaHei", "微软雅黑", Arial, "Open Sans", SimSun, sans-serif;
    list-style: none;
}

html {
    font-size: 62.5%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

*:focus {
    outline: none;
}

textarea {
    resize: none;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

/* ------------------------------------------------------------------------- *
 *  Base Styles
/* ------------------------------------------------------------------------- */
body {
    font-size: 16px;
    -ms-word-break: break-all;
    word-break: break-all;
    word-wrap: break-word;
    overflow-wrap: break-word;
    background: #fff;
    font-family: "Microsoft YaHei", "微软雅黑", Arial, "Open Sans", SimSun, sans-serif;
    font-weight: 300;
    background-size: 100% 100%;
    background-attachment: fixed;
}

input, select, option, textarea {
    font-family: "Microsoft YaHei", "微软雅黑", Arial, "Open Sans", SimSun, sans-serif;
    color: inherit;
}

div {
    display: block;
}

img {
    max-width: 100%;
    height: auto;
}

img.avatar {
    display: inline-block !important;
}

body a {
    color: #60717e;
    outline: 0;
    text-decoration: none;
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    cursor: pointer;
}

body a:hover {
    color: #d9534f
}

address, cite, em {
    font-style: italic;
}

strong, .strong {
    font-weight: 600;
    font-weight: bold;
}

u {
    text-decoration: underline;
}

blockquote {
    margin: 10px 0;
    padding: 10px 10px 10px 40px;
    border-top: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    border-left: 5px solid #f5f5f5;
    font-size: 13px;
    position: relative;
}

blockquote:before {
    content: "\f10d";
    color: #f5f5f5;
    font-size: 30px;
    font-style: normal;
    font-family: FontAwesome;
    text-align: center;
    position: absolute;
    left: 5px;
    top: 0;
}

code {
    font-family: consolas, 'Microsoft Yahei', arial !important;
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}

textarea {
    font-family: consolas, 'Microsoft Yahei', arial !important;
}

.left, .alignleft {
    float: left;
}

.right, .alignright {
    float: right;
}

.aligncenter {
    margin-left: auto;
    margin-right: auto;
}

.clr:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    zoom: 1;
}

.clear {
    clear: both;
}

h1, h2, h3, h4, h5, h6 {
    color: #555;
    line-height: 130%;
    font-weight: 600;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    text-decoration: none;
}

h1 {
    font-size: 24px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}

article h2, article h3 {
    text-transform: capitalize;
}

.hide {
    display: none
}

.trans {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-thumb {
    background-color: #33BBBA !important;
}

/* Header */
#body-container {
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
    display: block;
    overflow: hidden;
}

#navmenu-mobile {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 250px;
    height: 100%;
    background: #34393d;
    color: #fff;
}

#navmenu-mobile::-webkit-scrollbar {
    width: 0;
}

#navmenu-mobile a {
    color: #fff;
}

#content-container {
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
    margin: 0;
}

.header-wrap {
    width: 100%;
    height: 80px;
    background: #fff;
    z-index: 999;
    box-shadow: 0 0 2px rgba(0, 0, 0, .2);
}

.nav-wrap {
    max-width: 1200px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.hidefixnav {
    height: 80px; /* background: url(../images/pix.png) repeat 2px 2px; */
}

#nav-scroll {
    position: fixed;
    top: 0px;
}

#nav-scroll.tofix {
    position: fixed;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    height: 60px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, .15);
    opacity: 0.9;
    filter: alpha(opacity=90);
}

#nav-scroll.tofix .logo a img {
    height: 60px;
}

#nav-scroll.tofix .login-yet-click {
    display: none;
}

#nav-scroll.tofix #login-reg {
    height: 60px;
    padding: 13px 0;
}

#nav-scroll.tofix li {
    line-height: 52px;
    height: 60px;
}

#nav-scroll.tofix li li {
    line-height: 20px;
    height: auto;
}

#nav-scroll.tofix .menu-item-has-children > a:after, #nav-scroll.tofix .page_item_has_children > a:after {
    line-height: 50px;
}

#nav-scroll.tofix .logo-title a {
    line-height: 60px;
}

#nav-scroll.tofix .search-btn-click {
    line-height: 60px;
    width: 50px;
}

.logo {
    display: inline-block;
    float: left;
    margin-right: 20px;
}

.logo a img {
    height: 80px;
    width: auto;
    margin-top: 0px;
}

.logo-title {
    float: left;
    display: inline-block;
}

.logo-title a {
    color: #888;
    line-height: 80px;
    font-size: 30px;
    white-space: nowrap
}

.logo-title a:hover {
    color: #ddd;
}

.header-bar-search {
    float: right;
    height: 60px;
    line-height: 60px;
    width: 100px;
}

.header-bar-search input[type="search"] {
    width: 100%;
    display: block;
    color: #202020;
    font-size: 16px;
    -moz-box-sizing: border-box;
    -webkit-appearance: none !important;
    -webkit-box-sizing: border-box;
    -webkit-writing-mode: horizontal-tb;
    background: #fff;
    box-sizing: border-box;
    line-height: 16px;
    margin-top: 15px;
    padding: 6px 5px;
    border-radius: 3px;
    outline: none;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.header-bar-search input[type="search"]:focus {
    outline: none;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.toggle-menu {
    display: none;
    line-height: 60px;
    font-size: 20px;
    width: 50px;
    margin-right: 5px;
    top: 0;
    left: 0;
    color: #888;
    cursor: pointer;
}

.search-btn-click {
    line-height: 80px;
    font-size: 16px;
    width: 60px;
    margin-left: 5px;
    position: relative;
    float: right;
    color: #888;
    cursor: pointer;
    text-align: center;
}

.search-btn-click i {
    font-size: 23px;
}

.header-search-slide input:focus .search-btn-click {
    background: #aaa;
}

.header-search-slide {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width: 220px;
    border: 1px solid #eee;
    background: #fff;
}

.header-search-slide input[type="search"] {
    border: 0;
    font-style: italic;
    height: 40px;
}

.header-search-slide input[type="search"]:focus {
    box-shadow: none;
}

.site_loading {
    background: #f00;
    height: 2px;
    position: absolute;
    z-index: 99999;
    top: 0;
}

/* Focus us */
#focus-us {
    display: inline-block;
    float: right;
    line-height: 80px;
    font-size: 16px;
    margin: 0 5px;
    padding: 0 25px 0 10px;
    cursor: pointer;
    position: relative;
    color: #999999;
}

#login-reg span a{
    color: #fff;
    z-index: 100000000;
}
#focus-us:before {
    -webkit-font-smoothing: antialiased;
    content: "\f0d7";
    display: inline-block;
    font: normal 8px/80px FontAwesome;
    position: absolute;
    right: 12px;
    vertical-align: text-bottom;
}

#nav-scroll.tofix #focus-us, #nav-scroll.tofix #focus-us:before {
    line-height: 60px;
}

#focus-us:hover, #focus-us:focus {
    background: #fff;
}

#focus-slide {
    color: #aaa;
    position: absolute;
    top: 100%;
    display: none;
    background: #fff;
    right: 0;
    min-width: 230px;
    padding: 10px 15px;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
    cursor: default;
}

#nav-scroll.tofix #focus-slide {
    top: 60px;
}

.focus-title {
    border-bottom: 1px solid #f2f2f2;
    line-height: 30px;
}

.focus-title, .focus-title a, .focus-content span, .focus-content a {
    font-size: 14px;
}

.focus-content {
    line-height: 36px;
}

.focus-content a:hover {
    color: #428bca;
}

.focus-content input, input.focus-email {
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    border: 0;
    border: 1px solid #eee;
    margin: 10px 0 0;
    background: #fafafa;
    color: #aaa;
}

#focus-slide form {
    line-height: 40px;
}

input.focus-email-submit {
    width: 100%;
    height: 30px;
    background: #00b5a9;
    color: #fff;
    border: 0;
    cursor: pointer;
}

.focus-content span {
    width: 50%;
    float: left;
    line-height: 36px;
    padding-left: 2px;
}

.focus-content span i {
    margin-right: 10px;
}

.focus-title i {
    margin-left: 5px;
}

/* Mobile leftslide */
.mobile-login-field {
    margin: 30px 0 20px;
    padding: 0 10px 0 28px;
}

.login-box-mobile-form a.btns {
    width: 30px;
    height: 30px;
    margin: 5px;
    display: inline-block;
}

.login-box-mobile-form a.btn-qq {
    background-image: url('../images/qq_32x32.png');
}

.login-box-mobile-form a.btn-weibo {
    background-image: url('../images/weibo_32x32.png');
}

.login-box-mobile-form input {
    width: 160px;
    height: 30px;
    margin-bottom: 10px;
    border-radius: 3px;
    padding-left: 5px;
    border: 0;
}

.login-box-mobile-form input[type=submit] {
    background: #3bbfaf;
    color: #fff;
}

.login-box-mobile-form input:focus {
    box-shadow: none;
}

.login-box-mobile-submit {
    width: 160px;
    height: 40px;
}

.login-box-mobile-form input[type=submit] {
    width: 45px;
    float: right;
    margin-top: 5px;
}

.login-box-mobile-register a {
    font-size: 12px;
    line-height: 160%;
    color: #fff;
}

.login-yet-mobile-avatar .avatar {
    border-radius: 60px;
    border: 2px solid #fff;
    float: left;
}

.login-yet-mobile-manageinfo {
    float: left;
    padding-left: 20px;
    position: relative;
}

.login-yet-mobile-manageinfo a.new-message-notify {
    color: #3cabda !important;
    top: 28px;
    right: -12px;
}

.login-yet-mobile-manageinfo a {
    display: block;
    height: 30px;
}

.login-yet-mobile-manageinfo a.title {
    font-size: 16px;
    font-weight: 300;
    line-height: 35px;
}

.login-yet-mobile-manageinfo a.name {
    font-size: 12px;
    color: #3cabda !important;
    line-height: 25px;
}

#menu-mobile {
    display: none;
}

#menu-mobile li {
    line-height: 1.7;
}

#menu-mobile ul {
    background: #404549;
}

#menu-mobile li a:hover, #menu-mobile a.current, #menu-mobile li.current-menu-item > a {
    background-color: #34c0e0;
}

#menu-mobile a.current:after, #menu-mobile li.current-menu-item > a:after {
    color: #fff !important;
}

#menu-mobile a {
    -webkit-transition: background 0.12s;
    -moz-transition: background 0.12s;
    transition: background 0.12s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    position: relative;
    z-index: 1;
    display: block;
    padding: 0 10px 0 28px;
    height: 46px;
    color: #fff;
    font-size: 14px;
    line-height: 46px;
}

#menu-mobile li.menu-item-has-children > a:after {
    line-height: 46px;
    content: "\f107";
    display: inline-block;
    font-style: normal;
    font-family: FontAwesome;
    text-align: center;
    position: absolute;
    right: 5px;
    font-size: 20px;
    color: #888;
    width: 20px;
}

#menu-mobile li.expand > a:after {
    content: "\f106";
}

#menu-mobile li li.menu-item-has-children > a:after {
    content: "";
}

#menu-mobile li.menu-item-has-children span.child-menu-block {
    position: absolute;
    height: 46px;
    width: 100%;
    z-index: 9;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

#menu-mobile ul li a {
    padding: 0 10px 0 38px;
}

/* Primary Navigation */
.primary-navigation {
    float: left;
    font-size: 16px;
    margin: 0 0 0 30px;
    padding: 0;
    text-transform: uppercase;
}

.primary-navigation .nav-menu {
    border-bottom: 0;
    display: block;
}

.primary-navigation.toggled-on {
    border-bottom: 0;
    margin: 0;
    padding: 0;
}

.primary-navigation li {
    display: inline-block;
    height: 80px;
    line-height: 72px;
    position: relative;
}

.primary-navigation li.current-menu-item a {
    color: #fff;
}

.primary-navigation a {
    display: inline-block;
    padding: 0 12px;
    white-space: nowrap;
    color: #fff;
}

.primary-navigation ul ul {
    display: none;
    background-color: #1e2629;
    float: left;
    margin: 0;
    position: absolute;
    top: 100%;
    z-index: 99999;
    min-width: 125px;
    text-transform: capitalize;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
}

.primary-navigation li li {
    border: 0;
    border-top: 0;
    display: block;
    height: auto;
    line-height: 20px;
}

.primary-navigation li li.current-menu-item,
.primary-navigation li li.current_page_item {
    border-top: 0;
}

.primary-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.primary-navigation ul ul a {
    padding: 12px 12px !important;
    white-space: nowrap;
    width: 100%;
    text-align: center;
}

.primary-navigation li a:hover {
    color: #428bca;
}

.primary-navigation li.current-menu-item a {
    border-bottom: 4px solid #428bca;
}

.primary-navigation ul ul {
    border-bottom: 4px solid #428bca;
}

.primary-navigation a {
    padding-top: 4px;
    border-bottom: 4px solid transparent;
    _border-bottom-color: #fff;
}

.primary-navigation a:hover {
    border-bottom-color: #428bca;
}

.primary-navigation ul li ul li a {
    border-bottom: 0;
}

.primary-navigation .menu-item-has-children > a:hover {
    border-bottom-color: transparent;
}

.primary-navigation ul ul li {
    border-bottom: 1px solid #eee;
}

.primary-navigation ul ul li:hover {
    background: #f3f3f3;
}

.logo a img, #focus-us, #focus-us:before, #login-reg, .search-btn-click, .primary-navigation .menu-item-has-children > a:after, .primary-navigation .page_item_has_children > a:after {
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}

.primary-navigation ul li a, .primary-navigation ul ul li a {
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
}

.primary-navigation li > a {
    color: #777;
    font-size: 16px;
}

.primary-navigation li:hover > a, .primary-navigation li.focus > a {
    color: #fff;
}

.primary-navigation .menu-item-has-children > a, .primary-navigation .page_item_has_children > a {
    padding-right: 22px;
}

.primary-navigation .menu-item-has-children > a:after, .primary-navigation .page_item_has_children > a:after {
    -webkit-font-smoothing: antialiased;
    content: "\f0d7";
    display: inline-block;
    font: normal 10px/72px FontAwesome;
    position: absolute;
    right: 12px;
    vertical-align: text-bottom;
}

.primary-navigation li .menu-item-has-children > a, .primary-navigation li .page_item_has_children > a {
    width: 100%;
}

.primary-navigation .menu-item-has-children li.menu-item-has-children > a:after, .primary-navigation .menu-item-has-children li.page_item_has_children > a:after, .primary-navigation .page_item_has_children li.menu-item-has-children > a:after, .primary-navigation .page_item_has_children li.page_item_has_children > a:after {
    content: "";
}

li.menu-item a span {
    display: none;
}

/* breadcrumbs */
.breadcrumbs {
    background-color: #fcfcfc;
    padding: 30px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

body.home .breadcrumbs {
    background: #fff;
    padding: 25px 0;
}

.header-search {
    position: absolute;
    right: 0;
    width: 300px;
    height: 40px;
    margin-top: 10px;
}

.header-search input {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
}

#searchform {
    height: 40px;
}

#searchsubmit {
    color: #fff;
    background: #a1a1a1;
    height: 40px;
    line-height: 40px;
    width: 40px;
    text-align: center;
    top: 0;
    right: 0;
    margin-top: 0;
    font-size: 16px;
    outline: none;
    position: absolute;
    cursor: pointer;
}

#searchsubmit:hover {
    background: #919191
}

#searchsubmit i {
    position: relative;
}

.breadcrumbs-text {
    font-size: 14px;
    line-height: 20px;
}

.breadcrumbs-text a, .breadcrumbs-text a:hover {
    color: #989898;
}

.breadcrumbs-text a:hover {
    text-decoration: underline;
}

#breadcrumbs {
    padding-right: 325px;
}

#breadcrumbs h1 {
    font-size: 25px;
    line-height: 40px;
    overflow: hidden;
}

#breadcrumbs h1 i {
    margin-right: 5px;
}

/* Main Wrap*/
body {
    width: 100%;
}

body.home #main-wrap-left, body.archive #main-wrap-left, body.search #main-wrap-left, body.page-template-page-articles-php #main-wrap-left {
    border: 0px solid #eaeaea;
}

#main-wrap {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    clear: both;
    overflow: auto;
}

body.page-template-page-articles-php #main-wrap {
    max-width: 1200px;
}

#main-wrap-left {
    max-width: 830px;
    width: 100%;
    float: left;
    border-radius: 3px;
    margin-bottom: 10px;
    border: 1px solid #eaeaea;
}

.container {
    max-width: 1200px;
    min-width: 240px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.container-row {
    max-width: 1200px;
    min-width: 240px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.two-col-container {
    padding-right: 360px !important;
    margin-top: 10px;
}

body.home .two-col-container {
    margin-top: 10px;
}

.pagewrapper {
    background-color: #fff;
    position: relative;
    border: 1px solid #eaeaea;
    margin-top: 10px;
}

/* Slider */
#home-featured {
    background: #f5f5f5;
    padding: 0;
    margin-bottom: 20px;
    overflow: hidden;
    background: url(../images/slider-bg.jpg) no-repeat center top;
    border-bottom: 1px inset rgba(0, 0, 0, .05);
    display: block;
}

.home-featured-title {
    position: relative
}

.home-featured-meta {
    margin-top: 20px;
    font-size: 100%;
}

.home-featured-links {
    margin-top: 20px;
}

#home-slider {
    z-index: 0
}

#home-slider a {
    transition: 0;
}

.slider-img {
    display: inline-block;
    float: right;
    margin: 0 0px 0 10px;
    width: 600px;
    max-height: 336px;
    overflow: hidden;
}

.slider-text {
    width: 100%;
    max-width: 560px;
    padding: 20px 0;
    float: left;
    position: relative;
}

.slider-text .cl {
    zoom: 1;
}

.slider-meta {
    position: relative;
}

.slider-meta .num {
    position: absolute;
    font-size: 44px;
    left: 0;
    text-align: right;
    line-height: 38px;
    color: #fff;
}

.slider-meta .author {
    line-height: 15px;
    position: absolute;
    left: 60px;
    font-size: 15px;
    color: #afafaf;
    margin-left: 0;
}

.slider-meta .date {
    font-size: 11px;
    position: absolute;
    left: 60px;
    top: 19px;
    color: #afafaf;
}

.slider-text h2 {
    display: block;
    margin: 0 0 5px 0;
    padding: 0;;
    line-height: 32px;
    width: 100%;
    max-width: 400px;
    float: right;
    text-align: right;
}

.slider-text h2 a {
    color: #ffffff;
    font-size: 20px;
    text-decoration: none;
    font-weight: bold;
    color: #60717e;
}

.slider-text h2 a:hover {
    color: #428bca;
}

.slider-text .slider-excerpt {
    line-height: 30px;
    text-align: left;
    font-size: 14px;
    margin-top: 40px;
    float: left;
    color: #8c8c8c;
    min-height: 60px;
    max-height: 120px;
    overflow: hidden;
}

.slider-text .slider-readmore {
    margin: 0;
    display: block;
    float: right;
}

.slider-readmore a {
    display: block;
    border: 1px solid #f98181;
    border-radius: 20px;
    line-height: 24px;
    padding: 0 15px;
    font-style: italic;
    font-size: 12px !important;
    color: #f98181;
    text-decoration: none !important;
    float: right;
    margin-top: 20px;
}

.slider-readmore a:hover {
    background: #f98181;
    color: #fff;
}

.flexslider {
    margin: 0 auto;
    position: relative;
    width: 100%;
    max-height: 380px; /*overflow:hidden;*/
    zoom: 1;
    padding: 16px 0 28px;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    overflow: hidden;
}

.flexslider .slides {
    zoom: 1;
    overflow: hidden;
}

.flex-direction-nav a {
    color: #60717e;
    width: 30px;
    line-height: 60px;
    font-size: 60px;
    text-decoration: none;
    font-family: 'Simsun', 'Open Sans', 'sans-serif', '宋体' !important;
    overflow: hidden;
    margin: -30px 0 0;
    display: block;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all .3s ease;
}

.flex-direction-nav a:hover {
    color: #a8a8a8;
}

.flex-direction-nav .flex-next {
    background-position: 0 -90px;
    right: -100px;
}

.flex-direction-nav .flex-prev {
    left: -100px;
}

.flexslider:hover .flex-next {
    opacity: 1;
    filter: alpha(opacity=100);
}

.flexslider:hover .flex-prev {
    opacity: 1;
    filter: alpha(opacity=100);
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
    opacity: 1;
    filter: alpha(opacity=50);
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 3px;
    text-align: center;
}

.flex-control-nav li {
    margin: 0 5px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    background: url(../images/dot.png) no-repeat 0 -16px;
    display: block;
    height: 16px;
    overflow: hidden;
    text-indent: -99em;
    width: 16px;
    cursor: pointer;
}

.flex-control-paging li a.flex-active {
    background-position: 0 0;
}

/* Stickys */
.stickys {
    margin: 0 0 10px;
    background: #fff;
    padding: 10px;
    border: 1px solid #eaeaea;
}

.cms-with-sidebar .stickys .heading-text-cms {
    border-bottom-color: transparent;
    cursor: pointer;
    padding-left: 2px;
    padding-right: 2px;
}

.cms-with-sidebar .stickys .heading-text-cms.active {
    border-bottom-color: #f85555;
}

.stickys-container.stickys-two-col article {
    width: 50%;
    float: left;
    margin-bottom: 5px;
}

.stickys-container.stickys-two-col article:nth-child(2n+1) {
    padding-right: 5px;
}

.stickys-container.stickys-two-col article:nth-child(2n+2) {
    padding-left: 5px;
}

.stickys-container.stickys-one-col article {
    width: 100%;
    margin-bottom: 10px;
}

#main-wrap-left .stickys-container.stickys-two-col a.fancyimg {
    float: left;
    width: 100px;
    margin: 5px 15px 0 0;
    padding: 0;
}

#main-wrap-left .stickys-container.stickys-one-col a.fancyimg {
    float: left;
    width: 300px;
    margin: 0 25px 0 0;
    padding: 0;
}

.stickys-container .meta {
    margin: 5px 0 5px;
}

.stickys .col-small h3 {
    height: 24px;
    line-height: 24px;
    overflow: hidden;
}

.stickys .stickys-one-col .col-small h3 {
    height: auto;
}

.stickys .col-small h3 a {
    font-weight: 300;
    font-size: 14px;
}

.home .stickys .col-small p {
    font-size: 13px;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
}

.home .stickys-one-col .col-small p {
    height: auto;
    max-height: 125px;
}

.latest-container {
    display: none;
}

.latest-container .col-small {
    margin-bottom: 10px !important;
}

.latest-container article h3, .latest-container article h3 a {
    font-weight: normal;
    font-size: 15px;
    line-height: 25px;
}

.latest-container article h3 {
    padding-right: 150px;
    position: relative;
}

.latest-container article h3 .date, .latest-container article h3 .views, .latest-container article h3 .comments {
    position: absolute;
    top: 0;
    font-size: 12px;
    color: #aaa;
    line-height: 25px;
}

.latest-container article h3 .date {
    right: 110px;
}

.latest-container article h3 .views {
    right: 50px
}

.latest-container article h3 .comments {
    right: 0;
}

.latest-container article .num {
    font-size: 13px;
    padding: 0 6px;
    vertical-align: bottom;
    background: #aaa;
    color: #fff;
    margin-right: 10px;
}

.latest-container article:nth-child(5n+1) .num {
    background: #f98181;
}

.latest-container article:nth-child(5n+2) .num {
    background: #8DD566;
}

.latest-container article:nth-child(5n+3) .num {
    background: #40BDEA;
}

/* Home loop */
.catlist {
    width: 100%;
}

.catlist_1_of_2 {
    width: 50%;
    float: left;
}

/* Catlist Child */
.catlist_1_of_2 {
    width: 50%;
    float: left;
}

.catlist .catlist_1_of_2:nth-child(2n+1) .catlist-container {
    margin-right: 5px;
    clear: both;
}

.catlist .catlist_1_of_2:nth-child(2n+2) .catlist-container {
    margin-left: 5px;
    clear: both;
}

.catlist .catlist_1_of_2:nth-child(2n+1) {
    clear: both;
}

.catlist-container, .bloglist-container {
    margin: 0 0 10px;
    background: #fff;
    padding: 10px 10px 0;
    border: 1px solid #eaeaea;
    border-radius: 2px;
}

.home-heading {
    margin: 0 0 20px;
    font-size: 16px;
    font-weight: normal;
    position: relative;
    border-bottom: 2px solid #eee;
    padding: 6px 0 6px;
}

.home-heading a {
    position: absolute;
    right: 0;
    top: 4px;
    font-size: 11px !important;
    text-transform: uppercase;
    color: #fff;
    font-weight: 300;
    line-height: 10px;
    padding: 7px 9px;
    border-radius: 3px;
    letter-spacing: 1px;
    opacity: 0.8;
}

.home-heading a:hover {
    color: #fff;
    opacity: 1;
}

.catlist_1_of_2 .home-heading a {
    background: transparent;
}

.catlist_1_of_2 .home-heading a:hover {
    font-style: italic
}

.home-blog-entry {
    position: relative;
}

.home-blog-entry-rand {
    margin-left: 6px;
    margin-right: 6px;
    border: 1px solid #eaeaea;
    padding: 7px 7px 10px 7px;
    border-radius: 2px;
}

.catlist-container-rand {
    margin-left: -6px;
    margin-right: -6px;
}

.catlist-container-rand .col {
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: left !important;
    clear: none !important;
}

.col {
    display: block;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 20px;
    position: relative;
}

.col-1 {
    clear: both;
    margin-left: 0;
}

.container-row .col {
    margin: 0 0 20px 0;
}

.container-row .col-1 {
    margin-left: 0;
}

#main-wrap-left .col {
    margin: 0 0 10px 0;
    padding-bottom: 0;
}

.span_1_of_2.col article, .span_1_of_3.col article, .span_1_of_4.col article {
    background: #fff;
}

.span_1_of_2 {
    width: 50%;
}

.span_1_of_3 {
    width: 33.33%;
    border-radius: 0px 0px 5px 5px;
}

.span_1_of_3.col-1 {
    padding-right: 6px;
}

.span_1_of_3.col-2 {
    padding-left: 3px;
    padding-right: 3px;
}

.span_1_of_3.col-3 {
    padding-left: 6px;
    float: left;
}

.span_1_of_4 {
    width: 25%;
    border-radius: 0px 0px 5px 5px;
}

.span_1_of_4.col-1 {
    padding-right: 6px;
    clear: left !important;
}

.span_1_of_4.col-2 {
    padding-left: 3px;
    padding-right: 3px;
}

.span_1_of_4.col-3 {
    padding-left: 6px;
    padding-right: 3px;
}

.span_1_of_4.col-4 {
    padding-left: 6px;
    float: right;
}

.span_1 {
    width: 100%;
    webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background-color: #fff;
    overflow: hidden;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 15px !important;
    padding-bottom: 15px !important;
}

.span_1:last-child {
    border-bottom: 0;
}

#home-blog-wrap, #single-blog-wrap {;
    margin-top: 10px;
}

#category-cms-wrap {
    margin-top: 20px;
    width: 100%;
}

#main-wrap-left a.fancyimg {
    width: 260px;
    float: left;
    max-height: 230px;
    overflow: hidden;
}

#main-wrap-left .span_1 a.fancyimg {
    width: 300px;
    padding: 0;
    margin-right: 20px;
    margin-bottom: 0;
    max-height: 215px;
}

.catlist-container article h3 a {
    font-weight: 300 !important;
}

/* Gradient Styles */
.catlist-container, .home-blog-entry-text h3 a {
    -moz-transition: ease-in-out 0.5s;
    -webkit-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
    -ms-transition: ease-in-out 0.5s;
    transition: ease-in-out 0.5s;
}

.catlist-container:hover, #main-wrap-left .bloglist-container:hover, .stickys:hover, #blocks-with-sidebar .col.span_1_of_3 article:hover, .blocks-no-sidebar .col.span_1_of_4 article:hover {
    border: 1px solid #fff;
    -webkit-box-shadow: rgba(0, 170, 255, .3) 0 0 8px;
    -moz-box-shadow: rgba(0, 170, 255, .3) 0 0 8px;
    box-shadow: rgba(0, 170, 255, .3) 0 0 8px;
}

/* Catlist style1 */
.cms-with-sidebar .catlist-style1 {
    width: 50%;
    float: left;
}

.cms-with-sidebar .catlist-style1 span.views {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    padding: 2px 8px;
    z-index: 2;
    color: #fff;
    font-size: 13px;
    left: 0;
}

.cms-with-sidebar .catlist-style1 .col-small, .cms-with-sidebar .catlist-style2 .col-small, .cms-with-sidebar .catlist-style3 .col-small {
    position: relative;
}

.cms-with-sidebar .catlist-style1 .col-small .meta-views-float, .cms-with-sidebar .catlist-style3 .col-small .meta-views-float {
    background: rgba(45, 55, 66, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    color: #FFF;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    z-index: 2;
}

.cms-with-sidebar .catlist-style1.left {
    padding-right: 15px;
}

.cms-with-sidebar .catlist-style1.right {
    padding-left: 15px;
}

/* Catlist style2 */
.cms-with-sidebar .heading-text, .heading-text-blog {
    border-bottom: 2px solid #f85555;
    padding-bottom: 6px;
    position: relative;
}

.cms-with-sidebar .col-left.catlist-style2 {
    width: 44%;
    padding-right: 20px;
    padding-bottom: 10px;
    float: left;
}

.cms-with-sidebar .col-right.catlist-style2 {
    width: 56%;
    float: left;
}

.cms-with-sidebar #main-wrap-left a.fancyimg {
    width: 100%;
    float: none;
    padding: 0;
}

.cms-with-sidebar .col-left.catlist-style2 .postlist-meta, .cms-with-sidebar .col-right.catlist-style3 .postlist-meta, .cms-with-sidebar .col-left.catlist-style4 .postlist-meta, .cms-with-sidebar .col-right.catlist-style4 .postlist-meta {
    margin-top: 15px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 12px;
    line-height: 30px;
    height: 30px;
}

.cms-with-sidebar .postlist-meta .postlist-meta-views, .cms-with-sidebar .postlist-meta .postlist-meta-comments {
    margin: 0;
}

.cms-with-sidebar .home-blog-entry h3 a {
    font-size: 16px;
    line-height: 25px;
}

.cms-with-sidebar .home-blog-entry p {
    margin-top: 20px;
    font-size: 13px;
    line-height: 20px;
    max-height: 80px;
    overflow: hidden;
}

.delim {
    position: relative;
    height: 30px;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #e5e5e5;
    float: left;
}

.cms-with-sidebar #main-wrap-left .home-small-entry a.fancyimg {
    float: left;
}

.cms-with-sidebar .col-small {
    margin: 0 0 15px;
}

.cms-with-sidebar .col-left.catlist-style3 .col-small {
    margin: 0 0 15px;
}

.cms-with-sidebar .home-small-entry-wrap .col-small {
    margin: 0;
}

.cms-with-sidebar .col-small h3 {
    height: 25px;
    line-height: 25px;
    overflow: hidden;
}

.cms-with-sidebar .col-small h3 a {
    font-size: 16px;
}

.cms-with-sidebar .col-small h3 a:hover {
    text-decoration: underline;
}

.cms-with-sidebar .col-small p {
    font-size: 13px;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    margin-top: 5px;
}

.cms-with-sidebar #main-wrap-left .col-right.catlist-style2 .col-small a.fancyimg, .cms-with-sidebar #main-wrap-left .col-left.catlist-style3 .col-small a.fancyimg, .cms-with-sidebar #main-wrap-left .catlist-style1 .col-small a.fancyimg {
    float: left;
    width: 100px;
    margin: 0 15px 0 0;
    max-height: 75px;
}

.cms-with-sidebar #main-wrap-left .col-right.catlist-style2 .col-small a.fancyimg img {
    height: 75px;
}

/* Catlist style3 */
.cms-with-sidebar .col-left.catlist-style3 {
    width: 56%;
    float: left;
}

.cms-with-sidebar .col-right.catlist-style3 {
    width: 44%;
    float: left;
    padding-left: 20px;
    padding-bottom: 10px;
}

.cms-with-sidebar .catlist-style3 .col-small .meta-views-float {
    display: none;
}

.cms-with-sidebar #main-wrap-left .col-left.catlist-style3 .col-small a.fancyimg img {
    height: 75px;
}

/* Catlist style4 */
.cms-with-sidebar .col-left.catlist-style4 {
    width: 50%;
    padding-right: 25px;
    float: left;
    padding-bottom: 10px;
}

.cms-with-sidebar .col-right.catlist-style4 {
    width: 50%;
    float: left;
}

.cms-with-sidebar .col-left.catlist-style4 .thumb-title {
    position: relative;
    overflow: hidden;
}

.cms-with-sidebar #main-wrap-left .col-left.catlist-style4 .thumb-title a {
    overflow: hidden;
    margin-bottom: 0 !important;
    max-height: 255px;
}

.cms-with-sidebar .col-left.catlist-style4 .thumb-title a .thumb-img:hover img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.cms-with-sidebar .col-left.catlist-style4 .thumb-title h3 {
    position: absolute;
    bottom: 0;
    line-height: 20px;
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
    width: 100%;
    padding: 5px 10px;
    margin-bottom: -50px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    max-height: 50px;
    overflow: hidden;
}

.cms-with-sidebar .col-left.catlist-style4 .thumb-title:hover h3 {
    margin-bottom: 0;
}

.cms-with-sidebar .col-left.catlist-style4 .thumb-title h3 a {
    color: #fff;
    font-size: 16px;
}

.cms-with-sidebar .col-left.catlist-style4 .thumb-title h3 a:hover {
    color: #fff;
}

.cms-with-sidebar .col-right.catlist-style4 .col-small h3 a:hover {
    text-decoration: underline;
}

.cms-with-sidebar .col-right.catlist-style4 .col-small p {
    position: relative;
    text-indent: 25px;
    height: 60px;
}

.cms-with-sidebar .col-right.catlist-style4 .col-small p:before {
    content: "\f10d"; /*color: #00a67c;*/
    font-size: 16px;
    font-style: normal;
    font-family: FontAwesome;
    position: absolute;
    left: 3px;
    top: 0;
    text-indent: 0;
}

/* Catlist style5 */
.cms-with-sidebar .col-small .fancyimg span i, .stickys .stickys-two-col .col-small .fancyimg span i {
    width: 30px;
    height: 30px;
    margin: -15px 0 0 -15px;
}

.cms-with-sidebar .col-small .fancyimg span i:before, .stickys .stickys-two-col .col-small .fancyimg span i:before {
    width: 30px;
    height: 30px;
    font-size: 30px
}

.stickys .stickys-one-col .col-small .fancyimg span i {
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
}

.stickys .stickys-one-col .col-small .fancyimg span i:before {
    width: 50px;
    height: 50px;
    font-size: 50px
}

.cms-with-sidebar .catlist-style5 a.fancyimg, .cms-with-sidebar .catlist-style5 a.fancyimg span {
    max-height: 175px !important;
}

.cms-with-sidebar .catlist-style5 .col-small .fancyimg span i {
    display: none
}

.cms-with-sidebar .catlist-style5 .col-small .thumb-img {
    margin-top: 3px;
}

.cms-with-sidebar .catlist-style5 .col-small h3 {
    height: 50px;
    line-height: 25px;
}

.cms-with-sidebar .catlist-style5 .home-blog-entry h3 {
    height: 50px;
}

.cms-with-sidebar .catlist-style5 .home-blog-entry h3 a {
    line-height: 25px;
    font-size: 16px;
}

.cms-with-sidebar .catlist-style5 .home-blog-entry p {
    margin-top: 0;
    max-height: 80px;
}

.span_1.home-blog-entry-thumb {
    box-shadow: none !important;
}

.fancyimg {
    padding: 8px;
    background: #fff;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.fancyimg img {
    display: block;
}

/* Catlist style6 */
.cms-with-sidebar #main-wrap-left .col-up.catlist-style6 a.fancyimg {
    width: 300px;
    float: left;
    margin: 0 25px 0 0;
    max-height: 200px;
}

.col-up.catlist-style6 {
    width: 100%;
    display: block;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}

.col-up.catlist-style6 h3 {
    overflow: hidden;
    max-height: 50px;
}

.col-up.catlist-style6 h3 a {
    font-size: 15px;
    line-height: 25px
}

.cms-with-sidebar .col-up.catlist-style6 .home-blog-entry p {
    max-height: 125px;
    margin-top: 30px;
}

.col-down.catlist-style6 .col-small {
    width: 50%;
    float: left;
    position: relative;
    padding-right: 10px
}

.col-down.catlist-style6 .col-small a.fancyimg {
    width: 100px !important;
    float: left !important;
    margin-right: 15px;
    max-height: 70px !important;
}

.col-down.catlist-style6 .col-small h3 {
    overflow: hidden;
    height: 50px;
    line-height: 25px;
}

.col-down.catlist-style6 .col-small h3 a {
    font-size: 15px;
}

.col-down.catlist-style6 .col-small .postlist-meta {
    position: absolute;
    bottom: 5px;
    margin-top: 5px;
    width: auto;
    left: 120px;
}

/* Catlist style default */
.cms-with-sidebar #main-wrap-left .col-up.catlist-style a.fancyimg {
    width: 150px;
    float: left;
    margin-right: 15px;
    max-height: 100px;
}

.col-up.catlist-style h3 {
    overflow: hidden;
    max-height: 40px;
    line-height: 20px;
}

.col-up.catlist-style p {
    margin-top: 5px;
    font-size: 13px;
    line-height: 20px;
    max-height: 60px;
}

.col-down.catlist-style i {
    color: #ccc;
    margin-right: 6px;
}

.col-down.catlist-style h3 {
    border-bottom: 1px dotted #f5f5f5;
    padding-right: 70px;
    overflow: hidden;
    position: relative
}

.col-down.catlist-style h3, .col-down.catlist-style h3 a {
    font-size: 14px;
    font-weight: normal;
    height: 36px;
    line-height: 36px;
}

.col-down.catlist-style .home-smalllist-entry-text:hover a {
    padding-left: 3px;
}

.col-down.catlist-style .home-smalllist-entry .postlist-meta-time {
    float: none;
    color: #aaa;
    position: absolute;
    right: 2px;
    top: 0
}

/* Category Blocks */
.blocks-no-sidebar {
    margin-top: 10px;
}

#blocks-with-sidebar.two-col-container {
    padding-right: 320px !important;
    margin-top: 10px;
}

#blocks-with-sidebar #main-wrap-left {
    max-width: 880px;
    padding-right: 10px;
}

#blocks-with-sidebar .bloglist-container {
    padding: 0;
    background: transparent;
    border: 0;
}

#blocks-with-sidebar .bloglist-container:hover {
    border: 0;
    box-shadow: none;
}

#blocks-with-sidebar #sidebar {
    width: 320px;
    margin-right: -320px;
}

#blocks-with-sidebar #sidebar .floatwidget-container {
    width: 320px;
}

#blocks-with-sidebar #sidebar input#subscribe {
    width: 220px;
}

#blocks-with-sidebar a.fancyimg {
    float: none;
    width: 100%;
}

#blocks-with-sidebar .span_1_of_3 {
    padding-bottom: 20px
}

#blocks-with-sidebar .span_1_of_3 article {
    margin-left: 3px;
    margin-right: 3px;
    border: 1px solid #eaeaea;
    padding: 7px 7px 10px 7px;
}

/* Blocks ajax load more */
.ajax_btn {
    margin-top: 100px;
}

.aload, .bload, .aload_loading {
    text-align: center;
    display: none;
}

.aload a, .bload a {
    border-radius: 3px;
    display: inline-block;
    padding: 20px 10px;
    font-size: 14px;
    width: 300px;
}

.aload a {
    background: #35c273;
    color: #fff;
}

.bload a, .bload a:hover {
    background: #ddd;
    color: #888;
}

.aload a:hover {
    background: #46b175;
    color: #fff;
}

/* #fluid_blocks{-webkit-transition-property:height,width;-moz-transition-property:height,width;-ms-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width;}
#fluid_blocks .masonry-brick{-webkit-transition-property:left,right,top;-moz-transition-property:left,right,top;-ms-transition-property:left,right,top;-o-transition-property:left,right,top;transition-property:left,right,top;}
#fluid_blocks .masonry-brick{-webkit-transition-duration:1.2s;-moz-transition-duration:1.2s;-ms-transition-duration:1.2s;-o-transition-duration:1.2s;transition-duration:1.2s;} */

/* Home Small List */
.home-small-entry-wrap {
    overflow: hidden;
    clear: both;
    background: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 2px solid #f5f5f5;
    margin-bottom: 20px;
}

.home-small-entry-wrap .col {
    padding-bottom: 0;
}

.home-small-entry {
    margin-top: 5px;
}

.home-small-entry .postlist-meta {
    padding-left: 5px;
}

.span_1_of_3 .home-small-entry a.fancyimg, .span_1_of_4 .home-small-entry a.fancyimg {
    width: 60px !important;
    float: left;
    margin-left: 5px;
    margin-bottom: 0;
}

.span_1_of_3 .home-small-entry a.fancyimg img, .span_1_of_4 .home-small-entry a.fancyimg img {
    height: 50px;
}

.span_1_of_3 .home-small-entry .home-small-entry-text, .span_1_of_4 .home-small-entry .home-small-entry-text {
    margin-left: 70px;
    padding: 0 5px 0 10px;
}

.home-small-entry-text h3 {
    font-size: 15px;
    height: 40px;
    overflow: hidden;
}

.home-small-entry-text h3 a {
    font-size: 13px;
    line-height: 150%;
    font-weight: normal; /*color: #00a67c;*/
}

.home-small-entry-text h3 a:hover {
    text-decoration: underline;
}

.home-small-entry-text .postlist-meta {
    display: inline-block;
    margin-top: 0;
}

.home-small-entry-text .line {
    margin: 0 auto;
}

.home-small-entry-text .postlist-meta-collect span {
    display: none;
}

.span_1_of_3 a.fancyimg, .span_1_of_4 a.fancyimg {
    padding: 0;
    max-height: 185px;
    overflow: hidden;
}

.span_1_of_3.masonry-box a.fancyimg, .span_1_of_4.masonry-box a.fancyimg, .span_1_of_3.masonry-box a.fancyimg span, .span_1_of_4.masonry-box a.fancyimg span {
    max-height: 250px;
}

.home-blog-entry-thumb {
    margin-bottom: 5px;
}

.span_1 .home-blog-entry-text {
    padding: 0;
    width: 100%;
}

.span_1_of_3 .home-blog-entry-text, .span_1_of_4 .home-blog-entry-text {
    padding: 10px 5px;
    position: relative;
}

.line {
    height: 1px;
    background: #e8e8e8;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    margin-bottom: 8px;
}

.ribbon {
    height: 41px;
    width: 100px;
    padding-right: 20px;
    overflow: hidden;
    z-index: 99;
    position: absolute;
    color: #FFF;
    font-family: "Microsoft Yahei", "微软雅黑", helvetica, Arial;
    font-weight: 500;
    font-size: 13px;
    line-height: 21px;
    margin-top: -30px;
    padding: 5px;
    margin-left: -22px;
    text-align: center;
}

.ribbon-pink {
    background: url('../images/ribbon-pink.png') no-repeat;
    background-size: 100% 41px;
}

.ribbon-orange {
    background: url('../images/ribbon-orange.png') no-repeat;
    background-size: 100% 41px;
}

.ribbon-yellow {
    background: url('../images/ribbon-yellow.png') no-repeat;
    background-size: 100% 41px;
}

.ribbon-green {
    background: url('../images/ribbon-green.png') no-repeat;
    background-size: 100% 41px;
}

.ribbon-blue {
    background: url('../images/ribbon-blue.png') no-repeat;
    background-size: 100% 41px;
}

.ribbon-indigo {
    background: url('../images/ribbon-indigo.png') no-repeat;
    background-size: 100% 41px;
}

.ribbon-purple {
    background: url('../images/ribbon-purple.png') no-repeat;
    background-size: 100% 41px;
}

.span_1 .home-blog-entry-text h3 {
    margin-bottom: 10px;
    max-height: 60px;
    overflow: hidden;
}

.span_1 .home-blog-entry-text h3 a {
    font-size: 20px;
    line-height: 30px;
    font-weight: normal;
}

.home-blog-entry-text h3 a {
    font-size: 15px;
}

.home-blog-entry-rand .home-blog-entry-text h3 {
    height: 48px;
    overflow: hidden;
}

.masonry-box {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.masonry-box .home-blog-entry-rand .home-blog-entry-text h3 {
    height: auto;
    margin-bottom: 5px;
}

.home-blog-entry-rand .home-blog-entry-text h3 a {
    font-weight: normal;
    line-height: 24px;
}

.contentcms-entry-text h3 {
    height: 48px;
    overflow: hidden;
}

.span_1 .home-blog-entry-text p {
    margin-top: 10px;
    font-size: 14px;
    line-height: 30px;
    white-space: normal;
    max-height: 120px;
    overflow: hidden;
}

.span_1_of_3 .home-blog-entry-text p, .span_1_of_4 .home-blog-entry-text p {
    font-size: 13px;
    height: 80px;
    overflow: hidden;
    line-height: 20px;
}

.span_1_of_3.masonry-box .home-blog-entry-text p, .span_1_of_4.masonry-box .home-blog-entry-text p {
    height: auto;
}

.span_1_of_3 .home-blog-entry-text h3 a, .span_1_of_4 .home-blog-entry-text h3 a {
    font-weight: normal;
}

.home-blog-entry-meta {
    width: 100%;
    border-top: 1px solid #f0f0f0;
    padding: 8px;
    overflow: hidden;
}

.postlist-meta, .stickys-container .meta {
    width: 100%;
    color: #aaa;
    font-size: 12px;
    line-height: 12px;
    line-height: 16px
}

.postlist-meta, .postlist-meta a, .stickys-container .meta, .stickys-container .meta a {
    font-family: consolas, "Microsoft YaHei", "微软雅黑", "Open Sans", Arial, SimSun, sans-serif;
}

.contentcms-entry-text .postlist-meta {
    font-size: 12px;
}

.postlist-meta-author {
    float: left;
    margin-right: 10px;
}

.span_1 .meta span {
    float: none !important;
    margin: 0 10px 0 0 !important;
    color: #afafaf;
    font-size: 14px;
}

.span_1 .meta span span {
    margin: 0 !important;
}

.span_1 .meta a {
    color: #afafaf;
}

.span_1 .meta span i {
    margin-right: 5px;
}

.postlist-meta-time {
    float: left;
}

.postlist-meta-tags {
    float: left;
    max-width: 400px;
    overflow: hidden;
    margin-left: 20px;
    height: 16px;
    line-height: 16px;
}

.postlist-meta-views {
    float: left;
    text-align: center;
    margin-left: 20px;
}

.span_1_of_3 .postlist-meta-views, .span_1_of_4 .postlist-meta-views {
    margin-left: 0;
}

.postlist-meta-comments {
    float: right;
}

.postlist-meta .like-btn {
    cursor: pointer;
}

.postlist-meta .like-btn.love-animate i {
    animation: heartbomb .8s;
    -moz-animation: heartbomb .8s;
    -ms-animation: heartbomb .8s;
    -webkit-animation: heartbomb .8s;
    -o-animation: heartbomb .8s;
}

.postlist-meta .collect-no {
    cursor: pointer;
}

.postlist-meta .collect.collect-animate i {
    animation: starrotate 1.5s;
    -webkit-animation: starrotate 1.5s;
    -ms-animation: starrotate 1.5s;
    -o-animation: starrotate 1.5s;
    -moz-animation: starrotate 1.5s;
}

.postlist-meta .love-yes {
    cursor: default;
}

.postlist-meta .love-yes i {
    color: #f35454;
}

.postlist-meta .collect-yes i {
    color: #ff9933;
}

/* Single post
/* ------------ */
#single-blog-wrap.container {
    border-radius: 5px;
    padding-top: 0;
    border-color: rgba(218, 222, 225, 0.8);
    border-width: 1px;
    margin-top: 10px;
}

#single-meta {
    border-bottom: 1px dotted #d8d8d8;
    padding: 5px 0 10px;
    margin-bottom: 15px;
}

#single-meta span {
    line-height: 160%;
    padding: 3px;
}

#single-meta span, #single-meta span a {
    font-size: 14px;
}

.single-meta-comments, .single-meta-views {
    float: right;
}

.single-thumb {
    margin-bottom: 10px;
    overflow: hidden;
}

.single-thumb img {
    width: 100%;
}

.single-text {
    line-height: 180%;
}

.content {
    width: 100%;
    background: #fff;
    font-size: 14px;
    padding: 10px 20px;
    font-family: "Microsoft YaHei", "微软雅黑", Arial, "Open Sans", SimSun, sans-serif;
}

.content h2 {
    margin: 10px 0 10px -25px;
    border-left: 5px solid #00a67c;
    padding: 0 5px 0 20px;
    background: #fafafa;
    line-height: 35px;
}

.content h1, .content h3, .content h4, .content h5, .content h6 {
    margin: 10px 0;
}

.content p {
    text-indent: 0;
}

.content .single-text p {
    text-indent: 2em;
    line-height: 180%;
    margin: 10px 0
}

.content p a {
    text-decoration: underline
}

.content p a:hover {
    text-decoration: underline;
    text-decoration-style：dotted; /*color:#d9534f*/
}

.content p a:after {
    content: "";
    font: normal 12px/12px FontAwesome;
    padding-left: 3px;
}

.content img {
    border-radius: 3px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    margin: 0 auto;
    display: block;
}

.content blockquote {
    overflow: hidden;
}

.single-text img {
    margin: 20px auto;
}

.single-text img.wp-smiley {
    margin: 0;
}

.single-text ul li {
    margin-left: 20px;
}

.single-text ul li:before {
    content: "\f0da";
    font-family: FontAwesome;
    color: #4cc6a9;
    margin-right: 5px;
}

#content-index-control {
    cursor: pointer;
    color: #f00;
    position: absolute;
    top: 3px;
    right: 5px;
}

#content-index-wrap {
    float: right;
    position: relative;
    max-width: 280px;
    margin: 0 0 5px;
    background: #fff;
}

#content-index {
    background: #F7F7F7;
    border: 1px solid #DEDFE1;
    float: right;
    padding: 0 6px 0 10px;
    line-height: 24px;
    margin-left: 10px;
    min-width: 120px;
}

#content-index b {
    display: block;
    line-height: 30px;
    font-weight: bold;
}

#index-ul {
    margin: 0;
    padding-bottom: 5px;
    border-top: 1px dashed #DDDDDD
}

#index-ul li {
    background: none repeat scroll 0 0 transparent;
    list-style-type: decimal;
    padding: 0;
    margin: 3px 0 3px 20px;
}

#index-ul li:before {
    content: "";
}

#index-ul a {
    text-decoration: none;
}

.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.alignnone {
    margin: 0 0 10px 0;
    display: inline;
}

.alignleft {
    display: inline;
    float: left;
    margin: 0 10px 10px 0;
}

.alignright {
    display: inline;
    float: right;
    margin: 0 0 10px 10px;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Post rating */
.rates {
    margin: 20px 0 20px;
    clear: both;
}

.ratesdes {
    border-style: solid;
    border-width: 0 0 0 3px;
    padding: 5px 5px 5px 10px;
}

.ratingCount, .ratingValue {
    font-weight: 600px;
    font-weight: bold;
}

.stars {
    cursor: pointer;
    color: #F03F3F;
    font-size: 16px;
}

.single-intro {
    background: #f5f5f5;
}

.single-intro span {
    font-weight: bold
}

.single-download {
    margin: 20px 0 10px 0;
    text-align: center;
}

.single-download .single-dl-span {
    margin: 0 auto;
}

.single-download .single-dl-span .demo {
    margin: 0 10px;
}

.single-download .single-dl-span .dl-mail {
}

.single-download .single-dl-span .dl-mail input[type=text] {
    width: 200px;
    border-radius: 3px;
    font-size: 14px;
    font-style: italic;
    line-height: 14px;
    padding: 6px 10px;
}

.single-download .single-dl-span .dl-mail button[type=button] {
    margin: 0 5px;
    border-radius: 3px;
    font-size: 13px;
    font-style: italic;
    line-height: 14px;
    padding: 7px 12px 7px 10px;
    color: #fff;
    background: #F80000;
    background: -webkit-linear-gradient(top, #F80000, #B44C4C);
    progid: DXImageTransform . Microsoft . gradient(startcolorstr = #ffF80000, endcolorstr = #ffB44C4C, gradientType = 0);
    cursor: pointer;
}

.single-download .single-dl-span .dl-mail button[type=button]:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}

.single-download .dl-terms {
    font-size: 12px;
    margin-top: 10px;
}

.single-download .dl-terms a {
    border-bottom: 1px solid #00a67c;
}

.single-download .dl-terms p {
    display: block;
    color: #f00;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
}

.single-download .single-dl-span .dl-link {
}

.mail-dl-success i {
    margin: 0 5px;
}

.single-download p.mail-dl-success {
    font-style: italic;
    line-height: 20px;
    padding: 5px 20px;
    margin-bottom: 10px;
}

.single-tag {
    margin: 15px 0;
}

.single-tag a {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    border-radius: 3px;
    padding: 5px 12px;
    margin: 2px;
    background: #9f9f9f;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.single-tag a:hover {
    color: #fff;
    background: #00a67c;
}

.single-tag a, .tags a {
    text-transform: capitalize;
}

.single-copyright {
    border-radius: 3px;
    background: #fcf8e3;
    margin: 10px 0;
    padding: 12px 20px 12px 40px;
    font-size: 15px;
    position: relative
}

.single-copyright i {
    position: absolute;
    top: 50%;
    left: 10px;
    font-size: 20px;
    line-height: 20px;
    margin-top: -10px
}

.single-copyright p {
    line-height: 25px;
    font-size: 13px;
}

.single-copyright p a {
    text-decoration: none;
    outline: none;
    border: 0;
}

.single-copyright p a:hover {
    text-decoration: underline;
}

.single-copyright p a:after {
    content: "";
}

.single-author {
    padding: 15px 0;
    margin-top: 20px;
    clear: both;
    background: #fbfbfb;
    position: relative
}

.single-author .img {
    display: inline-block;
    position: absolute;
    margin-left: 20px;
    z-index: 2;
}

.single-author img {
    box-shadow: none
}

.single-author-info {
    min-height: 100px;
    position: relative;
    margin-left: 135px;
}

.word {
    padding: 5px 0;
}

.authordes {
    padding: 10px 10px 10px 0;
    line-height: 150%;
    overflow: hidden;
    min-height: 50px;
}

.authorsocial a {
    padding: 3px 4px;
    font-size: 14px;
    line-height: 18px;
}

.authorsocial i {
    font-size: 16px;
    width: 20px;
    height: 18px;
}

.authorsocial a:hover {
    background: #ddd
}

.social-icon-wrap {
    margin-right: 5px;
    margin-bottom: 5px;
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
    display: inline-block;
}

.as-img {
    background: #f5f5f5;
    text-align: center;
    display: inline-block;
    border-radius: 2px
}

.as-home {
    color: #DADA0E;
}

.as-home i, .as-donate i {
    margin-right: 5px;
}

.as-sinawb {
    color: #D52C2B;
}

.as-qqwb {
    color: #0b8fba;
}

.as-twitter {
    color: #2CBCC2;
}

.as-googleplus {
    color: #498bf4;
}

.as-weixin {
    color: #2FAF16;
}

.as-donate {
    color: #34db77;
}

#as-weixin-a {
    position: relative;
}

#as-weixin-qr {
    width: 130px;
    height: 130px;
    padding: 5px;
    position: absolute;
    display: none;
    bottom: 60px;
    left: -75px;
    opacity: 1;
    background: #ddd;
    border-radius: 5px;
    border: 3px solid #ddd;
}

.as-qq {
    color: #F887B0;
}

.as-email {
    color: #834DD5;
}

.wp-caption {
    max-width: 100%;
    padding: 4px;
}

.wp-caption-text {
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
}

/* Post page links */
#article-page-links {
    text-align: center;
    color: #000;
    padding: 10px 0
}

#article-page-links a {
    text-decoration: none;
    display: inline-block;
    margin: 6px 3px;
    padding: 3px 10px;
    background: #65c0ef;
    color: #fff;
    line-height: 22px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

#article-page-links a:hover {
    background: #ccc;
}

/* Relatedpost */
.relatedposts {
    margin-top: 20px;
}

.relatedposts ul {
    width: 100%;
    overflow: hidden;
}

.relatedposts ul li {
    width: 25%;
    float: left;
    display: inline-block;
    padding: 5px;
}

.relatedposts-inner-pic {
    position: relative;
    max-height: 135px;
    overflow: hidden;
}

.relatedposts-inner-pic img {
    display: block;
    width: 100%;
    border-radius: 0;
    box-shadow: none;
}

.relatedposts-inner-pic span {
    position: relative;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
    -webkit-transition: all 450ms ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
    max-height: 135px;
}

.relatedposts-inner-pic span:hover {
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.relatedposts-inner-pic span i {
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    text-align: center;
    color: #6ab4ce;
    color: rgba(0, 0, 0, .5);
    position: absolute;
    top: 50%;
    left: 50%;
    float: left;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.8);
    padding: 9px;
}

.relatedposts-inner-pic span i:before {
    font-size: 32px;
    height: 32px;
    width: 32px;
}

.relatedposts-inner-text {
    font-size: 14px;
    text-align: center;
    padding: 10px 0;
}

/* Navigation */
.navigation {
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    text-align: center;
    padding: 0 20px 20px;
    margin: 0 -20px;
    background: #fbfbfb;
}

.navigation .navigation-left {
    float: left;
    text-align: left;
    position: relative;
    padding-left: 40px;
    width: 49%;
}

.navigation .navigation-right {
    float: right;
    text-align: right;
    position: relative;
    padding-right: 40px;
    width: 49%;
}

.navigation span {
    display: block;
    color: #aab2bd;
    margin-top: 20px;
    font-size: 12px;
}

.navigation a {
    font-weight: normal;
}

.navigation a:hover {
    text-decoration: underline;
}

.navigation .navigation-left a:after {
    left: 0;
    content: '«';
}

.navigation .navigation-right a:after {
    right: 0;
    content: '»';
}

.navigation a:after {
    position: absolute;
    top: 34%;
    margin-top: 0;
    height: 22px;
    color: #ccc;
    font-size: 60px;
    line-height: 22px;
}

/* Post Activity */
.content .single-activity {
    padding-top: 20px;
    height: 60px;
    font-size: 13px;
}

.single-activity .share-btn {
    height: 34px;
    -webkit-transition: background-color 0s;
    -moz-transition: background-color 0s;
    transition: background-color 0s;
    line-height: 32px;
    background: none;
    border: 0px solid;
    position: relative;
    color: #333;
    float: left;
    padding: 0px 16px 0px 36px;
}

.single-activity .share-btn i {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 8px;
    top: 4px;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}

.single-activity .mark-like-btn {
    float: left;
    margin-bottom: 10px;
}

.single-activity .mark-like-btn a {
    margin-right: 10px;
}

.single-activity .collect {
    border-color: #ff9933;
    cursor: pointer;
    color: #ff9933;
}

.single-activity .collect i {
    font-size: 18px;
}

.single-activity .collect:hover {
    background-color: #ff9933;
    color: #fff;
}

.single-activity .collect:hover a {
    color: #fff !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.single-activity .collect.collect-yes {
    cursor: default;
    color: #fff;
    background-color: #ff9933;
    white-space: nowrap;
}

.single-activity .collect.collect-yes i {
    background-position: 2px -45px;
}

.single-activity .collect.collect-animate i {
    animation: starrotate 1.5s;
    -webkit-animation: starrotate 1.5s;
    -ms-animation: starrotate 1.5s;
    -o-animation: starrotate 1.5s;
    -moz-animation: starrotate 1.5s;
}

.single-activity .like-btn {
    border-color: #f35454;
    cursor: pointer;
    color: #f35454;
}

.single-activity .like-btn i {
    padding-top: 1px;
}

.single-activity .like-btn:hover {
    background-color: #f35454;
    color: #fff;
}

.single-activity .like-btn:hover a {
    color: #fff !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.single-activity .like-btn.love-yes {
    cursor: default;
    background: #f35454;
    color: #fff;
}

.single-activity .like-btn.love-animate i {
    animation: heartbomb .8s;
    -moz-animation: heartbomb .8s;
    -ms-animation: heartbomb .8s;
    -webkit-animation: heartbomb .8s;
    -o-animation: heartbomb .8s;
}

.single-activity .weibo-btn {
    border-color: #e14d4c;
    color: #e14d4c;
}

.single-activity .weibo-btn:hover {
    background-color: #e14d4c;
    color: #fff;
}

.single-activity .weixin-btn {
    border-color: #40b440;
    color: #40b440;
}

.single-activity .weixin-btn:hover {
    background-color: #40b440;
    color: #fff;
}

.single-activity .weixin-btn:hover a {
    color: #fff !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.single-activity .baidu-share .more-btn {
    border-color: #4593e4;
    color: #4593e4;
    height: 34px;
    line-height: 32px;
    background-image: none !important;
}

.single-activity .baidu-share .more-btn:hover a {
    color: #fff;
}

.single-activity .baidu-share .more-btn:hover {
    background-color: #4593e4 !important;
}

.single-activity .baidu-share {
    float: right !important;
    margin-bottom: 10px;
}

.single-activity .baidu-share a {
    margin: 0px 0px 0px 10px;
    font-family: "Microsoft YaHei", "微软雅黑", Arial, "Open Sans", SimSun, sans-serif !important;
}

.single-activity .baidu-share a:hover {
    color: #fff !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.bdshare_popup_box {
    display: none !important;
}

.weixin-btn {
    position: relative;
}

#weixin-qt {
    position: absolute;
    display: none;
    left: -55px;
    top: 40px;
    width: 260px;
    box-shadow: 0px 2px 3px #eee;
    z-index: 10;
    background: #fff;
    border: 1px solid #e0e0e0;
}

#weixin-qt img {
    display: block;
    float: left;
    width: 120px;
}

#weixin-qt span {
    width: 0px;
    height: 0px;
    display: block;
    position: absolute;
    border: 8px solid;
    border-color: transparent transparent #e0e0e0 transparent;
    top: -16px;
    left: 60px;
}

#weixin-qt-msg {
    line-height: 1.4;
    float: right;
    width: 120px;
    padding: 15px 15px 0 0;
}

#weixin-qt-msg:hover {
    color: #333 !important;
}

.content .weixin-btn:hover #weixin-qt-msg {
    color: #333;
}

.more-btn .mobile-text {
    display: none;
}

/* Pagination */
div.pagination {
    padding: 0px;
    margin: 25px 0 40px;
    text-align: center;
    font-size: 17px;
    line-height: 17px;
    position: relative;
}

.pagination .pg-filler-1 {
    width: 35%;
}

.pagination .pg-filler-2 {
    width: 40%;
}

.pagination .pg-item a, .pagination .pg-item .current, .pagination .pg-dots, .pagination .pg-item .disabled {
    display: inline-block;
    color: #666;
    padding: 9px 13px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-decoration: none;
    margin: 0 1px;
    min-width: 10px;
}

.pagination .pg-item a {
    -webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    -ms-transition: background .2s linear;
    -o-transition: background .2s linear;
    transition: background .2s linear;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}

.pagination .pg-next {
    position: absolute;
    right: 10px;
}

.pagination .pg-prev {
    position: absolute;
    left: 10px;
}

.pg-nav-item {
    text-transform: uppercase;
}

.pagination .pg-item .current, .pagination .pg-item a:hover {
    background: #5CBDE7;
    color: #fff;
}

div.pagination span.current, div.pagination a {
    padding: 0px;
}

div.pagination a.navbutton {
    margin: 0 2px;
    border: 1px solid #eaeaea;
}

/* Page */
.pagesidebar {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    background-color: #fbfbfb;
    bottom: 0;
}

.pagecontent {
    margin-left: 200px;
    min-height: 500px;
    border-left: 1px solid #eee;
    position: relative;
    margin-bottom: 15px;
    padding: 25px;
}

.pagesider-menu a {
    font-size: 14px;
    line-height: 20px;
    padding: 12px 20px;
    color: #888;
    cursor: pointer;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    display: block;
}

.pagesider-menu a:hover {
    background-color: #f7f7f7;
    color: #666;
    text-decoration: none;
}

#page-sort-menu-btn {
    display: none
}

.pagesider-menu li.active a, .pagesider-menu li.current_page_item a, .pagesider-menu li.current-menu-item a {
    color: #fff;
    background-color: #61b3e6;
}

.page-links {
    margin: 20px 0;
}

.page-links ul {
    margin-left: -10px;
    margin-right: -10px;
}

.page-links li {
    display: inline-block;
    width: 25%;
    text-align: center;
    font-family: consolas, "Microsoft YaHei", "微软雅黑", Arial, "Open Sans", SimSun, sans-serif
}

.page-links li div {
    background: #f9f9f9;
    margin: 10px;
    padding: 10px;
    position: relative;
    border: dashed 1px #ccc;
}

.page-links img {
    width: 30px;
    height: 30px;
    box-shadow: none;
    margin-right: 10px;
    vertical-align: bottom;
    display: inline-block;
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -10px;
    margin-bottom: -10px;
    border-radius: 50%;
    padding: 1px;
    border: 1px solid #bbb;
    background: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.page-links li div:hover img, .page-links img:hover {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}

.page-links li p {
    border-top: 1px solid #ddd;
    margin-top: 3px;
    margin-bottom: 10px;
    padding-top: 3px;
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    font-size: 12px;
    color: #999;
}

.page-links a {
    font-size: 13px;
    line-height: 20px;
    color: #666;
}

.page-links a:hover {
    text-decoration: none;
    color: #61b3e6
}

.links-page-content {
    line-height: 180%;
}

.links-page-content > ul {
    margin: 20px 0 !important;
}

.links-page-content > ul li {
    padding-left: 10px;
}

.links-page-content > ul li:before {
    content: "\f0a4";
    font-family: FontAwesome;
    font-size: 12px;
    margin-right: 6px;
    color: #222;
    display: inline-block !important;
    width: 1em;
    text-align: center;
}

/* 404 page */
body.error404 .main {
    margin: 0 auto;
    width: 440px;
    height: 350px;
    position: relative;
    margin-top: 70px;
    font-size: 14px;
}

.holmes-bear-wrap {
    position: absolute;
    background: url('../images/404.png') no-repeat 0 0 transparent;
    width: 137px;
    height: 234px;
    left: 0;
    top: 0;
}

.error-wrap {
    position: absolute;
    right: 0;
    top: 45px;
}

.error-text-title-wrap {
    font-weight: bold;
    font-size: 14px;
}

body.error404 .clearfix {
    display: block;
}

body.error404 .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.error-number {
    font-weight: normal;
    font-size: 60px;
    color: #00aeef;
    font-style: normal;
    float: left;
    display: inline;
    font-family: Arial;
}

.error-text-title {
    float: left;
    margin-top: 22px;
    width: 122px;
    display: inline;
    line-height: 16px;
}

.error-text-content {
    color: #333;
    padding: 10px 0;
    width: 280px;
    line-height: 14px;
}

.handle-way-list {
    color: #666;
    margin-top: 20px;
    margin-left: 5px;
    list-style: none;
}

.handle-way-list li {
    line-height: 2;
}

.handle-way-list a {
    color: #06C;
    text-decoration: none;
}

.error-search {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.error-search input {
    width: 250px;
    height: 35px;
    padding: 0 10px;
    line-height: 35px;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.error-search input:focus {
    outline: none;
    border-color: #ddd;
    border-color: rgba(82, 168, 236, .8);
    -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, .6);
    box-shadow: 0 0 8px rgba(82, 168, 236, .6);
}

.error-search button {
    height: 35px;
    width: 60px;
    background: #00aeef;
    color: #fff;
    border: 0;
    cursor: pointer;
}

body.error404 .footer {
    margin: 0 auto;
    font-size: 14px;
    font-family: 'Microsoft Yahei';
    arial;
    text-align: center;
    color: Gray;
    margin: 50px 0;
}

body.error404 .footer a {
    font-size: 14px;
}

body.error404 #footer-copyright a:hover {
    color: initial;
}

/* User page */
#author-page .pagecontent {
    margin-bottom: 0
}

.user-basic-info {
    margin: 10px;
}

.user-avatar {
    float: left;
    margin-right: 10px;
    width: 80px;
    height: 80px;
}

h4.user-display-name {
    font-size: 18px;
}

.user-display-name small {
    font-size: 12px;
    margin: 0 5px;
}

.user-display-name small a {
    color: #00a67c;
    opacity: 0.8;
    filter: alpha(opacity=80);
    font-weight: normal;
}

.user-display-name small a:hover {
    text-decoration: underline;
    opacity: 1;
    filter: alpha(opacity=100);
}

.user-register-time {
    margin: 5px 0;
    font-size: 12px;
}

.user-register-time span {
    margin: 0 5px;
    background: #f5f5f5;
    padding: 2px 3px;
}

.user-message {
    padding: 0;
    margin: 0;
    list-style: none;
}

.user-message p {
    margin: 0 0 10px;
}

.user-message .message-content {
    background: #f8f8f8;
    padding: 8px 10px;
    color: #39495a;
    line-height: 150%;
}

.user-message .message-content p {
    padding: 5px 10px !important;
    background: transparent !important;
}

.user-message p.info {
    font-style: italic;
    color: #bbb;
    font-size: 12px;
    margin-bottom: 0;
}

.user-message li {
    padding: 0 5px;
    margin-bottom: 10px;
    line-height: 32px;
    border-bottom: 1px solid #eee;
    color: #888;
    font-size: 13px;
}

.user-message li.tip {
    padding: 0 10px;
    border: 0;
    background: #f8f8f8;
    margin: 20px 0;
    border-radius: 3px;
}

#author-page .archive {
    border: 0;
    box-shadow: none;
    border-radius: 0;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
}

#author-page .archive h3 {
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    margin: 10px 0 15px;
    line-height: 34px;
}

#author-page .archive h3 a {
    font-weight: normal;
}

#author-page .archive .postlist-meta {
    overflow: hidden;
    color: #999;
    font-size: 12px;
    padding-bottom: 5px;
}

#author-page .archive .postlist-meta .collect-yes, #author-page .archive .postlist-meta .love-yes {
    background-color: initial;
    color: #999;
}

.archive-excerpt {
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
    margin: 0 0 10px;
}

p.archive-excerpt {
    text-indent: 2em;
}

.archive .postlist-meta-category {
    display: inline-block;
    float: left;
    margin-left: 20px;
}

.archive .postlist-meta-category a:hover {
    text-decoration: underline;
}

#author-page .archive div.pagination a.btn {
    padding: 6px 12px !important;
    border: 1px solid transparent !important;
}

#author-page .form-group a.btn:hover {
    color: #fff;
}

#author-page .form-group {
    margin-bottom: 15px;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel-danger {
    border-color: #ebccd1;
}

.panel-success {
    border-color: #B1E4B1;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.panel-success > .panel-heading {
    color: #44a042;
    background-color: #CEFACE;
    border-color: #B1E4B1;
}

.panel-body {
    padding: 15px;
}

.panel-body p {
    margin: 0 0 10px;
}

.radio-inline, .checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
}

.panel-body input[type=radio], .panel-body input[type=checkbox] {
    margin: 4px 10px 0 0;
    line-height: normal;
    margin-left: -20px;
}

.panel-body label {
    max-width: 100%;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
    position: relative;
    border-collapse: separate;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: table-cell;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group .form-control:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group .form-control {
    display: table-cell;
    position: relative;
    z-index: 2;
    float: left;
    margin-bottom: 0;
}

.input-group-addon:first-child {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}

p.help-block {
    margin-top: 10px;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

button[disabled], html input[disabled] {
    cursor: default
}

.credit-table, .promote-table {
    margin: 15px 0;
    width: 100%;
    max-width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

.promote-table {
    text-align: center;
}

.table-bordered {
    border: 1px solid #ddd;
}

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    border-top: 0;
}

.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
    background-color: #f5f5f5;
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.credit-table th {
    text-align: left;
    font-weight: bold;
}

.credit-table td, .credit-table th {
    display: table-cell;
    vertical-align: inherit;
    color: #333;
}

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.content .user-message p a:after {
    content: "" !important;
}

.content .user-message p a {
    border: none !important;
}

.content .user-message p a:hover {
    text-decoration: underline;
    color: #00a67c;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

textarea.form-control {
    height: auto;
}

#author-profile {
    width: 100%;
    line-height: 26px;
    background: #f8f8f8;
    color: #555;
    padding: 5px;
    border-radius: 3px;
}

#author-profile .title {
    width: 80px;
    text-align: right;
}

#author-profile tr:first-child td {
    border: 0;
}

#author-profile tr td:last-child {
    color: #aaa;
}

#author-profile td {
    padding: 6px 10px;
}

.page-header {
    margin: 20px 0;
    padding-bottom: 0px;
    border-bottom: 1px solid #eee;
}

#author-page .page-header small {
    font-size: 12px;
    color: #aaa;
    font-weight: normal;
}

.form-horizontal .control-label {
    text-align: left;
    padding-top: 7px;
    margin-bottom: 0;
}

.col-sm-3 {
    width: 25%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}

.col-sm-9 {
    width: 75%;
    float: left;
}

.col-sm-offset-3 {
    margin-left: 25%;
}

.form-horizontal .form-group {
    margin-bottom: 15px;
}

.form-horizontal .radio, .form-horizontal .checkbox {
    min-height: 27px;
}

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0;
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
}

.clearfix:before, .clearfix:after, .content:before, .content:after, .form-group:before, .form-group:after, .user-message p:before, .user-message p:after, #author-page:before, #author-page:after {
    content: " ";
    display: table;
    clear: both;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#author-page .radio img {
    vertical-align: middle;
}

input[name="post_title"] {
    margin-bottom: 10px;
}

select[name="post_cat[]"] {
    margin: 10px 0;
}

.text-right {
    text-align: right;
}

select[name="post_status"] {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#wrap #wp-link-wrap {
    font-size: 14px;
}

#wrap #wp-link-wrap span.screen-reader-text {
    position: absolute;
    margin: -1px;
    padding: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0;
}

#wrap #wp-link-wrap input[type=text], #wrap #wp-link-wrap input[type=search], #wrap #wp-link-wrap input[type=submit] {
    height: 25px;
    padding: 5px;
    line-height: 15px;
    font-size: 12px;
}

#author-page .archive .entry-meta {
    overflow: hidden;
    color: #999;
    font-size: 12px;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.user-message .unread p.info span.tag {
    color: #08cf08;
}

#edit-avatar {
    color: #d9534f;
    cursor: pointer;
    font-size: 14px;
}

#upload-input {
    margin: 10px 0;
    display: none
}

#upload-input span {
    cursor: pointer;
    background: #E9E9E9;
    padding: 6px 10px;
    line-height: 100%;
    font-size: 14px;
}

#upload-avatar-msg {
    display: none;
    font-size: 14px;
    color: #f00;
}

#author-page .pay-history #the-list {
    font-size: 12px;
}

/* Archives */
#archives {
    font-size: 14px;
}

a#al_expand_collapse:after {
    content: "";
}

#archives h3 {
    margin: 15px 0;
    padding-left: 10px;
    border-bottom: 1px solid #f2f2f2;
    color: #666;
    font-size: 18px;
    line-height: 28px;
}

#archives p {
    margin: 5px 0 10px;
    color: #666;
    text-indent: 2em;
    font-size: 14px;
    line-height: 180%;
}

#archives em {
    padding: 0 2px;
    color: #a40000;
}

#archives ul {
    padding: 5px 10px;
}

#archives ul li {
    list-style: circle;
    margin-left: 20px;
    line-height: 200%;
}

#al_expand_collapse, #archives span.al_mon {
    cursor: pointer;
}

/* Articles */
#guide {
    padding-top: 15px;
}

#guide .group {
    height: 50px;
    border-bottom: 1px solid #d8d8d8;
}

#guide .group ul li {
    float: left;
    position: relative;
    margin-right: 20px;
    font-size: 14px;
    height: 50px;
}

#guide .group ul li a {
    color: #666;
    display: block;
    padding: 11px 10px 16px 10px;
}

#guide .group:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#guide .group ul li a.current {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    width: 130px;
    text-align: center;
}

#guide .group ul li:hover a.current {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    background: #fff;
    border-radius: 6px 6px 0 0;
}

#guide .group ul li a i {
    margin-right: 5px;
}

#guide .group ul li a i.arrow {
    margin: 0 0 0 10px;
    color: #999;
    -webkit-transition: transform .2s linear;
    -moz-transition: transform .2s linear;
    -o-transition: transform .2s linear;
    transition: transform .2s linear;
}

#guide .group ul li .sub {
    display: none;
    position: absolute;
    left: 0;
    top: 44px;
    z-index: 99;
    width: 130px;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    overflow: hidden;
    border-radius: 0 0 6px 6px;
}

#guide .group ul li:hover .sub {
    display: block;
}

#guide .group ul li .sub li {
    float: none;
    margin: 0;
    font-size: 12px;
    height: inherit;
}

#guide .group ul li .sub li a, #guide .group ul li .sub li.cat-item-none {
    padding: 12px 10px;
    text-align: center;
}

#guide .group ul li .sub li a:hover {
    background-color: #ddd;
    color: #fff;
}

/* Sidebar */
#sidebar {
    position: relative;
    width: 360px;
    margin-right: -360px;
    float: right;
}

/* Ad */
#loopad.container {
    width: 100%;
    text-align: center;
    overflow: hidden;
    margin-right: 10px;
    margin-bottom: 10px;
    background: #fff;
    max-width: 830px;
}

#header-banner {
    padding: 15px 0 5px;
    text-align: center;
}

#bottom-banner {
    padding: 20px 0;
    text-align: center;
}

#singletop-banner, #singlethumb-banner, #singlebottom-banner {
    background: #fff;
    text-align: center;
    margin: 10px 0;
}

/* Footer wrap */
.separator {
    width: 100%;
    height: 5px;
    background: url('../images/separator.png') repeat-x;
}

#footer-widgets .widget ::selection {
    color: #fff !important;
}

#footer-wrap {
    background: #222;
    margin-bottom: 0;
    margin-top: 0;
    position: relative; /*min-height: 200px;*/
}

.layout-wrap {
    margin: auto;
    max-width: 1200px;
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08)
}

#footer-nav-left {
    width: 50%;
    float: left;
    overflow: hidden;
    height: 45px;
}

#footer-nav-right {
    width: 46%;
    float: right;
    overflow: hidden;
}

#footermenu {
    overflow: hidden;
    padding: 2px 0;
}

#footer-info {
    padding: 20px 0 25px;
}

#footer-nav-wrap {
    position: relative;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #222;
}

#footer-nav-links {
    position: relative;
    float: left;
    font-size: 12px;
}

#footer-nav-links li {
    float: left;
    margin-right: 10px;
    line-height: 16px;
}

#footer-nav-links a {
    color: #7f8284;
    text-decoration: none;
    -webkit-transition: color .2s linear;
    -moz-transition: color .2s linear;
    -ms-transition: color .2s linear;
    -o-transition: color .2s linear;
    transition: color .2s linear;
}

#footer-nav-links a:hover, #footer-copyright a:hover {
    border-bottom: 1px dotted #f5f5f5;
    color: #f5f5f5;
}

#footer-copyright {
    margin-top: 4px;
    font-size: 12px;
    color: #7f8284;
    line-height: 16px;
    padding: 2px 0;
}

#footer-copyright::selection, #footer-copyright a::selection {
    color: #fff;
}

#footer-copyright a {
    color: #bbb;
    text-decoration: none;
}

#footer-widgets {
    padding: 20px 0 25px;
    overflow: hidden;
}

.footer-widgets-one-full {
    width: 100%;
    float: left;
}

.footer-widgets-one-half {
    width: 50%;
    float: left;
}

.footer-widgets-one-third {
    width: 33.3%;
    float: left;
}

.footer-widgets-one-fourth {
    width: 25%;
    float: left;
}

#footer-links-icons {
    height: 45px;
    float: right;
}

#footer-links-icons span:first-child {
    margin-left: 0;
}

#footer-links-icons span {
    display: inline-block;
    color: #7f8284;
    font-size: 20px;
    margin-left: 25px;
}

#footer-links-icons span a {
    display: block;
    color: #7f8284;
    text-align: center;
    font-weight: 500;
    font-size: 12px;
}

#footer-links-icons span a:hover span, #footer-links-icons span a:hover {
    color: #A17820;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.tinicon-qiniu {
    width: 26px;
    height: 20px;
    background: url(../images/qiniu.png);
    transition: none !important;
    -webkit-transition: 0;
    -moz-transition: 0;
}

.footer-qiniu-link:hover .tinicon-qiniu {
    background: url(../images/qiniu.png) 0 -20px;
}

/* Tooltip */
.tooltip-trigger {
    position: relative;
    text-indent: 0
}

.tooltip {
    position: absolute;
    z-index: 99;
    display: block;
    visibility: visible;
    font-size: 12px;
    line-height: 20px;
    opacity: 0;
    filter: alpha(opacity=0);
    white-space: pre;
}

.tin .tooltip-inner {
    background: #27937b;
    color: #fff;
}

.tin .tooltip.top .tooltip-arrow {
    border-top-color: #27937b
}

.tooltip.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0;
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px;
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0;
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px;
}

.tooltip-inner {
    max-width: 200px;
    padding: 5px 8px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #000000;
    border-radius: 4px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 1px;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    right: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000000;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000000;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}

/* Input */
input[type="search"] {
    display: block;
    width: 100%;
    padding-left: 10px;
    padding-right: 32px;
    line-height: 40px;
    -moz-box-sizing: border-box;
    -webkit-appearance: none !important;
    -webkit-box-sizing: border-box;
    -webkit-writing-mode: horizontal-tb;
    background: #fff;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

input[type="text"] {
    border: 1px solid #ddd;
    -moz-box-sizing: border-box;
    -webkit-appearance: none !important;
    -webkit-box-sizing: border-box;
    -webkit-writing-mode: horizontal-tb;
    background: #fff;
}

input[type="search"]:focus, input[type="text"]:focus, input[type="email"]:focus {
    outline: none;
    border-color: #ddd;
    border-color: rgba(82, 168, 236, .8) !important;
    -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, .6);
    box-shadow: 0 0 8px rgba(82, 168, 236, .6);
}

input::-webkit-search-cancel-button {
    display: none;
}

input::-ms-clear {
    display: none;
}

/* ------------------------------------------------------------------------- *
 *  Widgets
/* ------------------------------------------------------------------------- */
.floatwidget-container {
    width: 360px;
    display: none;
    position: fixed;
    top: 80px;
    z-index: 100;
}

.floatwidget > div {
    margin-bottom: 10px;
}

.floatwidget h3 {
    margin: 0 !important;
}

#sidebar .widget {
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 2px;
    background: #fff;
    border: 1px solid #eaeaea;
}

.widget {
    color: #777;
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    padding: 10px;
}

.widget a {
    font-size: 14px;
}

.widget-text iframe {
    width: 100% !important;
}

#footer .widget, #footer .widget a {
    color: #666;
    font-size: 12px;
}

#footer .widget a:hover {
    color: #fff;
}

.widget > h3 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 6px;
    padding: 5px 10px
}

#footer .widget > h3 {
    font-size: 14px;
    padding: 5px 0;
}

#sidebar .widget > h3, #sidebar .floatwidget h3, .multi-border-hl, #footer-widgets-singlerow .widget > h3 {
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
    padding: 5px 0 5px;
    border-bottom: 2px solid #eee;
}

#sidebar .widget > h3 span, #sidebar .floatwidget h3 span, .multi-border-hl span, #footer-widgets-singlerow .widget > h3 span {
    padding: 0 0 5px 0;
    border-width: 0 0 2px 0;
    border-style: solid;
}

#sidebar .widget > h3, #footer-widgets-singlerow .widget > h3 {
    margin-bottom: 5px;
}

#sidebar .widget > h3, #sidebar .widget > h3 a, #sidebar .widget > h3 a:hover, #footer-widgets-singlerow .widget > h3 {
    color: #333;
    text-decoration: none;
}

#footer-widgets .widget > h3, #footer-widgets .widget > h3 a, #footer-widgets .widget > h3 a:hover {
    color: #ddd;
    text-decoration: none;
}

.widget > h3 a img {
    display: none;
    float: left;
    margin: 3px 7px 0 0;
}

.widget select {
    border: 1px solid #ddd;
    color: #666;
    font-size: 15px;
    padding: 7px;
    width: 100%;
    max-width: 100%;
}

#footer-widgets .widget > h3 span {
    color: #bbb;
    font-size: 14px;
}

.widget > ul li a {
    text-decoration: none;
}

/*  widgets : icons
/* ------------------------------------ */
.widget > ul li:before, .widget > ul li a:before, .widget > div > ul li a:before, .widget_calendar caption:before {
    font-family: FontAwesome;
    font-size: 12px;
    margin-right: 10px;
    color: #ccc;
    display: inline-block !important;
    width: 1em;
    text-align: center;
}

.widget > ul li a:hover:before {
    color: #999;
}

.widget_archive > ul > li a:before {
    content: "\f073";
}

.widget_categories > ul > li a:before {
    content: "\f07c";
}

.widget_links > ul > li a:before {
    content: "\f08e";
}

.widget_meta > ul > li a:before {
    content: "\f0da";
}

.widget_recent_comments > ul > li:before, .widget_recent_comments > ul > li:before {
    content: "\f075";
}

.widget_recent_entries > ul > li a:before {
    content: "\f14b";
}

.widget_calendar caption:before {
    content: "\f073";
}

.widget_pages ul li a:before, .widget_nav_menu ul li a:before {
    content: "\f068";
}

/*  widget : calendar
/* ------------------------------------ */
.widget_calendar a {
    font-weight: 600;
    color: #e8554e;
}

.widget_calendar a:hover {
    color: #444 !important;
}

.widget_calendar #wp-calendar {
    width: 100%;
}

.widget_calendar caption {
    background: #00a67c;
    color: #fff;
    padding: 5px 10px;
}

.widget_calendar caption:before {
    color: #fff;
    color: rgba(255, 255, 255, 0.7);
    font-size: 15px;
}

.widget_calendar thead {
    -webkit-box-shadow: 0 1px 0 #ddd;
    box-shadow: inset 0 -1px 0 #ddd;
}

.widget_calendar th {
    font-weight: 600;
}

.widget_calendar th, .widget_calendar td {
    padding: 3px 0;
    text-align: center;
}

.widget_calendar .pad {
    padding: 0 !important;
}

/* Widget : tag (and tags page)
/* -----------------------------------*/
.widget aside.tags {
    padding: 12px 0 15px;
}

.widget aside.tags a {
    text-decoration: none;
}

.page-tags a {
    width: 128px;
    overflow: hidden;
    text-align: center;
    max-height: 24px;
}

.widget aside.tags a:nth-child(9n), .page-tags a:nth-child(9n) {
    background-color: #4A4A4A;
}

.widget aside.tags a:nth-child(9n+1), .page-tags a:nth-child(9n+1) {
    background-color: #428BCA;
}

.widget aside.tags a:nth-child(9n+2), .page-tags a:nth-child(9n+2) {
    background-color: #5CB85C;
}

.widget aside.tags a:nth-child(9n+3), .page-tags a:nth-child(9n+3) {
    background-color: #D9534F;
}

.widget aside.tags a:nth-child(9n+4), .page-tags a:nth-child(9n+4) {
    background-color: #567E95;
}

.widget aside.tags a:nth-child(9n+5), .page-tags a:nth-child(9n+5) {
    background-color: #B433FF;
}

.widget aside.tags a:nth-child(9n+6), .page-tags a:nth-child(9n+6) {
    background-color: #00ABA9;
}

.widget aside.tags a:nth-child(9n+7), .page-tags a:nth-child(9n+7) {
    background-color: #B37333;
}

.widget aside.tags a:nth-child(9n+8), .page-tags a:nth-child(9n+8) {
    background-color: #FF6600;
}

.widget aside.tags a, .page-tags a {
    opacity: 0.80;
    filter: alpha(opacity=80);
    color: #fff;
    background-color: #428BCA;
    display: inline-block;
    margin: 0 5px 5px 0;
    padding: 2px 6px;
    line-height: 20px;
    font-weight: normal;
}

#footer .widget aside.tags a {
    color: #eee !important;
}

.widget aside.tags a:hover, .page-tags a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    color: #fff !important
}

/*  widget : search
/* ------------------------------------ */
.widget_search input.search {
    display: block;
    width: 100%;
    padding: 12px 32px 13px 11px;
    -moz-box-sizing: border-box;
    -webkit-appearance: none !important;
    -webkit-box-sizing: border-box;
    -webkit-writing-mode: horizontal-tb;
    background: #fff;
    border: 1px solid #ddd;
    box-sizing: border-box;
    line-height: 15px;
    border-radius: 3px;
}

.widget_search input.search:focus {
    outline: none;
    border-color: #ddd;
    border-color: rgba(82, 168, 236, .8);
    -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, .6);
    box-shadow: 0 0 8px rgba(82, 168, 236, .6);
}

.widget_search #s {
    height: 30px;
    width: 70%;
}

.widget_search .screen-reader-text {
    display: none;
}

.widget_search #searchsubmit {
    background: #e8554e;
    color: #fff;
    border: none;
    height: 30px;
    width: 25%;
    font-size: 16px;
    font-weight: bold;
}

/* widget : hot search/credits rank
/* -------------------- */
.tinhotsearch li, .tincreditsrank li {
    line-height: 200%;
    clear: both;
}

.tinhotsearch li i, .tincreditsrank li i {
    font-style: italic;
    color: #EC8282;
    margin-right: 10px;
    font-weight: 600;
}

.tinhotsearch span.search-times, .tincreditsrank span.creditsrank-ranking {
    float: right;
}

.tincreditsrank span {
    display: inline-block;
    float: left;
    line-height: 40px;
}

.rank-avatar img {
    vertical-align: baseline;
    border-radius: 20px;
    margin-left: 10px;
}

.creditsrank-name {
    margin-left: 20px;
}

.tincreditsrank ul {
    margin-top: 20px;
}

/*  widget : readerwall
/* ------------------------------------ */
.widget .wallreaders {
    padding: 10px 0;
}

.widget .wallreaders li {
    float: left;
    display: inline-block;
    margin: 3px;
}

/*  widget : mail contact
/* ------------------------------------ */
#mailmessage {
    padding: 6px 0;
}

#mailmessage div {
    text-align: center;
}

#mailmessage-form {
    width: 100%;
    font-size: 16px;
}

#footer-widgets #mailmessage-form {
    color: #aaa;
}

#sidebar #mailmessage-form {
    color: #777;
}

.mailmessage-box {
    height: 36px;
    margin: 5px 0 10px;
    position: relative;
}

.mailmessage-box label {
    line-height: 20px;
    position: absolute;
    top: 8px;
    left: 15px;
    border-right: 1px solid #b9b9b9;
    padding-right: 13px;
}

.mailmessage-box label i {
    width: 16px;
    height: 16px;
    color: #888;
}

.mailmessage-box-txt textarea {
    width: 100%;
    font-size: 16px;
    outline: none;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 5px 10px;
    border-radius: 3px;
}

.mailmessage-box input[type="text"] {
    outline: none;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 8px 10px 8px 55px;
    width: 100%;
    border-radius: 3px;
}

.mailmessage-box input, .mailmessage-box-txt textarea {
    font-size: 12px;
}

#sidebar .mailmessage-box input[type="text"], #sidebar .mailmessage-box-txt textarea {
    border: 1px solid #ccc;
}

#footer-widgets .mailmessage-box input[type="text"],
#footer-widgets .mailmessage-box-txt textarea {
    background: #eee;
    border-color: #eee;
}

#submit-mail {
    outline: none;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 5px;
    width: 80px;
    height: 30px;
    text-align: center;
    border-radius: 3px;
}

#footer-widgets #submit-mail {
    background: #222;
    color: #fff;
}

#footer-widgets #submit-mail:hover {
    color: #fff;
    background: #00a67c;
}

#sidebar #submit-mail {
    background: #eaeaea;
    color: #444;
}

#sidebar #submit-mail:hover {
    color: #fff;
    background: #00a67c;
}

#mailmessage p.err {
    display: block;
    color: #f00;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
}

#mailmessage p {
    color: #666;
    margin: 10px 0;
    line-height: 20px;
}

.mail-success i {
    margin: 0 10px 0 5px;
}

/* widget : site statistic
/* ------------------------- */
.widget_tinsitestatistic ul {
    padding: 10px 5px;
}

.widget_tinsitestatistic ul li {
    font-size: 13px;
    line-height: 180%;
}

.widget_tinsitestatistic ul li span {
    color: #00a67c;
}

/* widget : bookmarks
/* ------------------------- */
.tinbookmark {
    padding: 10px 0 0 0;
}

.tinbookmark-list {
    padding: 5px 0;
}

.tinbookmark-list i {
    margin-right: 5px;
}

#footer li.tinbookmark-list i, #footer li.tinbookmark-list a {
    font-size: 12px;
    color: #666;
}

#sidebar li.tinbookmark-list i, #sidebar li.tinbookmark-list a {
    font-size: 13px;
    color: #00a67c;
}

.widget li.tinbookmark-list a:hover {
    text-decoration: underline;
}

.list-left {
    width: 49.5%;
    float: left;
    clear: left;
    padding-right: 5px;
}

.list-right {
    width: 49.5%;
    float: right;
    clear: right;
    padding-left: 5px;
}

.list-single-col {
    width: 100%;
    clear: both;
}

.widget_tinbookmarkh h3 {
    margin-bottom: 20px !important;
}

.widget_tinbookmarkh span a {
    position: absolute;
    right: 10px;
    color: #333;
    font-weight: normal;
}

.widget_tinbookmarkh span a:hover {
    text-decoration: underline;
}

.widget_tinbookmarkh ul li a {
    color: #333;
    line-height: 30px;
}

.widget_tinbookmarkh ul li a:hover {
    text-decoration: underline;
}

/* widget : subscribe
/* -------------------- */
#subscribe-span {
    display: block;
    font-size: 13px;
    text-align: center;
}

input#subscribe {
    height: 34px;
    margin: 5px 5px 5px 0;
    width: 280px;
    border-radius: 3px;
    padding-left: 10px;
    vertical-align: bottom;
}

.widget_tinsubscribe input#subscribe {
    margin-right: 0;
    border-radius: 0
}

.widget_tinsubscribe button#subscribe {
    border-radius: 0
}

/* widget : aboutsite/joinus/sitecooperate
/* --------------------------------------- */
.aboutsite, .joinus, .sitecooperate {
    padding-top: 10px;
    color: #666;
    line-height: 180%;
    margin-bottom: 20px;
    padding-right: 20px;
}

.joinus a {
    text-decoration: underline;
    padding: 0 3px;
}

#footer .joinus a:hover {
    #fff;
}

/* widget : ucenter
/* -------------------- */
.widget_tinucenter li {
    margin-top: 10px;
}

.widget_tinucenter li img {
    float: left;
}

.widget_tinucenter li a, .widget_tinucenter li img {
    margin-right: 10px;
}

.widget_tinucenter li span a {
    margin: 0;
    width: 32%;
}

.widget_tinucenter li span:first-child a {
    margin-right: 5px;
}

.widget_tinucenter li span:last-child a {
    margin-left: 5px;
}

.widget_tinucenter .input-group {
    width: 100%;
}

/*  widgets : common
/* ------------------------------------ */
.widget_search > h3, .widget_text > h3, .widget_tag_cloud > h3, .widget_calendar > h3 {
    margin-bottom: 10px;
}

.widget_archive ul li, .widget_categories ul li, .widget_links ul li, .widget_meta ul li, .widget_recent_comments ul li, .widget_recent_entries ul li, .widget_rss ul li, .widget_pages ul li a, .widget_nav_menu ul li a, .tin-tab li, .tin-posts li {
    padding: 5px 0;
    border-bottom: 0px solid #e4e4e4;
    line-height: 150%
}

.widget_archive ul, .widget_categories ul, .widget_links ul, .widget_meta ul, .widget_recent_comments ul, .widget_recent_entries ul, .widget_rss ul, .widget_pages ul {
    padding-top: 10px
}

.widget_archive ul li, .widget_categories ul li, .widget_links ul li {
    color: #bbb;
}

.widget_archive ul li, .widget_categories ul li, .widget_meta ul li {
    width: 50%;
    float: left
}

.widget_categories ul li ul {
    padding: 5px 0 0;
    margin-bottom: -5px;
}

.widget_categories ul li ul li {
    float: none;
    padding: 5px 0;
}

.widget_recent_comments ul li, .widget_recent_entries ul li {
    color: #999;
}

.widget_recent_entries .post-date {
    display: block;
}

/*  widget : pages / custom menu
/* ------------------------------------ */
.widget_pages ul li a, .widget_nav_menu ul li a {
    display: block;
}

.widget_pages li li a, .widget_nav_menu li li a {
    padding-left: 15px;
}

.widget_pages li li li a, .widget_nav_menu li li li a {
    padding-left: 30px;
}

.widget_pages ul ul, .widget_pages ul ul ul, .widget_nav_menu ul ul, .widget_nav_menu ul ul ul {
    border: 0;
}

/*  widget : rss
/* ------------------------------------ */
.widget_rss ul li a {
    display: block;
    color: #e8554e;
}

.widget_rss ul li span.rss-date {
    color: #444;
    font-weight: 600;
    display: block;
    text-transform: uppercase;
    font-size: 12px;
}

.widget_rss ul li cite {
    color: #999;
}

/*  widget : text
/* ------------------------------------ */
.widget_text .textwidget p {
    margin-bottom: 1em;
}

/*  custom widget : tintabs / tinposts
/* ------------------------------------ */
.tin-tabs-nav {
    border-bottom: 0px solid #ddd;
    margin-bottom: 10px;
    text-align: center;
    overflow: hidden;
}

.tin-tabs-nav.tab-count-1 li {
    width: 100%;
}

.tin-tabs-nav.tab-count-2 li {
    width: 50%;
}

.tin-tabs-nav.tab-count-3 li {
    width: 33.333%;
}

.tin-tabs-nav.tab-count-4 li {
    width: 25%;
}

.tin-tabs-nav li {
    display: block;
    float: left;
}

.tin-tabs-nav li a {
    color: #666;
    font-size: 15px;
    display: block;
    padding: 8px 0;
    margin-bottom: 0px;
    border-bottom: 2px solid #eee;
}

.tin-tabs-nav li.active a {
    border-bottom-color: #f85555;
}

.tin-tabs-nav li a:hover {
    color: #f85555;
}

.tin-tabs-nav li a i {
    margin-right: 3px
}

.tin-tab li, .tin-posts li {
    overflow: hidden;
}

.tin-tab a,
.tin-posts a {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.tin-tab img,
.tin-posts img {
    display: block;
    width: 100%;
    height: auto;
    opacity: 0.99;
}

.tin-postsh img {
    display: block;
    width: 100%;
    height: auto;
    opacity: 0.99;
}

.tin-tab.thumbs-enabled li {
    padding-left: 135px;
}

.tin-tab .tab-item-thumbnail {
    width: 125px;
    margin-left: -135px;
    float: left;
}

.tin-tab .tab-item-thumbnail,
.tin-posts .post-item-thumbnail {
    position: relative;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}

.tin-tab .avatars-enabled li {
    padding-left: 62px;
}

.tin-tab .tab-item-avatar {
    margin-left: 0;
    width: 55px;
    float: left;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    display: inline-block;
}

.tin-tab .tab-item-category, .tin-tab .tab-item-category a, .tin-posts .post-item-category, .tin-posts .post-item-category a {
    color: #aaa;
    text-transform: uppercase;
    font-size: 13px;
}

.tin-posts .post-item-category:hover {
    text-decoration: none;
}

.tin-tab .tab-item-comment {
    background: #fbfdfb;
    border: 1px #e5e5e5 solid;
    padding: 8px;
    position: relative
}

.arrow-poptop, .arrow-poptop:before {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.arrow-poptop {
    top: 20px;
    left: -18px;
    margin-top: -9px;
    border-left-width: 0;
    border-right-color: #e5e5e5;
    border-width: 9px;
}

.arrow-poptop:before {
    border-width: 8px;
    content: "";
    left: 2px;
    margin-top: -8px;
    border-left-width: 0;
    border-right-color: #fbfdfb;
}

.tab-item-comment i {
    margin-right: 5px
}

.tin-tab .tab-item-comment a {
    font-size: 13px;
}

.tin-tab .tab-item-comment img.wp-smiley {
    display: inline-block;
    width: 18px;
    height: 18px;
}

.tin-tab .tab-item-comment img {
    display: none;
}

#sidebar .tin-tab .tab-item-comment a {
    color: #000;
}

#sidebar .tin-tab .tab-item-comment a:hover {
    color: #000;
}

.tin-posts .post-item-views {
    float: right;
    color: #aaa;
}

.tin-tab .tab-item-category a, .tin-tab .tab-item-category a:hover, .tin-posts .post-item-category a, .tin-posts .post-item-category a:hover {
    color: #aaa !important;
    text-decoration: none
}

.tin-tab .tab-item-category a:hover, .tin-posts .post-item-category a:hover {
    border-bottom: 1px dotted #aaa;
}

.tin-tab .tab-item-title, .tin-tab .tab-item-comment, .tin-posts .post-item-title {
    margin: 2px 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.tin-tab .tab-item-date, .tin-tab .tab-item-name, .tin-posts .post-item-date {
    color: #aaa;
    font-size: 13px;
    overflow: hidden;
}

.tin-tab li:hover .thumb-icon,
.tin-posts li:hover .thumb-icon {
    background: #fff;
    color: #111;
}

.tin-posts .post-item-thumbnail {
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}

.tin-posts .post-item-thumbnail:hover .tin-posts-float-title {
    margin-bottom: 0;
}

.tin-posts-float-title {
    line-height: 16px;
    max-height: 40px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    padding: 3px;
    color: #fff;
    margin-bottom: -40px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}

.tin-posts-float-title a {
    color: #fff;
    font-size: 11px;
    line-height: 15px;
}

.tin-posts-float-title a:hover {
    color: #fff !important;
}

.tin-posts .post-item-title {
    font-size: 13px;
    line-height: 150%;
    font-weight: 300;
}

.tin-posts .post-item-category,
.tin-posts .post-item-category a,
.tin-posts .post-item-date {
    font-size: 10px !important;
}

#tab-comments .tab-item-inner {
    margin: 5px 5px 5px 70px;
}

.widget_tin_posts li.list-left {
    padding-right: 2px;
}

.widget_tin_posts li.list-right {
    padding-left: 2px;
}

ul.no-pic li {
    padding: 10px;
    border-bottom: solid 1px #eee;
}

ul.no-pic li .tab-item-title {
    margin-bottom: 5px;
    line-height: 160%
}

ul.no-pic li .tab-item-title a {
    font-size: 14px;
}

#sidebar .tin-tab.no-pic li:hover {
    background: transparent
}

#sidebar .tin-tab.no-pic li:hover a {
    color: #d9534f
}

/*  widget : singlerow
/* ------------------------------------ */
#footer-widgets-singlerow {
    padding: 20px 0;
}

#footer-widgets-singlerow ul li {
    width: 20%;
    overflow: hidden;
    float: left;
}

#footer-widgets-singlerow ul li .post-item-thumbnail {
}

#footer-widgets-singlerow ul li .post-item-thumbnail:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

#footer-widgets-singlerow ul li .post-item-thumbnail img {
    margin: auto 0;
}

#footer-widgets-singlerow ul li p {
    margin: 5px;
}

#footer-widgets-singlerow ul li p a {
    color: #000;
    font-weight: normal;
}

#footer-widgets-singlerow p.post-item-title {
    text-align: center;
}

/* Comments
/* ---------------------------- */
.comments-main {
    background: #fff;
    font-size: 14px;
    padding: 5px 20px;
}

.comments-main .pagination {
    margin-right: 15px;
    padding-bottom: 10px
}

.commenttitle {
    padding: 8px 0 6px;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 20px;
}

span#comments, span#comments_quote {
    font-size: 16px;
    border-width: 0 0 2px 0;
    border-style: solid;
    padding: 5px 10px;
    color: #666;
    border-color: transparent;
}

span#comments:hover, span#comments_quote:hover {
    border-color: #ccc;
}

span#comments i, span#comments_quote i {
    margin-right: 2px;
}

#quote_comments {
    display: none;
}

.go-trackback {
    position: relative;
    margin-bottom: 20px;
}

.go-trackback input, .go-trackback button {
    height: 35px;
    line-height: 25px;
}

.go-trackback input {
    width: 100%;
    padding: 5px 88px 5px 10px;
    overflow: hidden;
}

.go-trackback button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px 10px;
    color: #fff;
    background: #ccc;
    cursor: pointer;
}

.commentlist {
    padding: 0;
    position: relative
}

.commentlist li.comment ul.children {
    margin-left: 30px
}

.commentlist li.comment ul li.comment ul.children {
    margin-left: 0px
}

.commentlist .depth-3 {
    margin-left: 20px;
}

.commentlist .depth-4 {
    margin-left: 20px;
}

.commentlist .depth-5 {
    margin-left: 20px;
}

.commentlist .depth-6 {
    margin-left: 20px;
}

.commentlist li {
    position: relative
}

.commentlist .comment-body {
    padding: 8px 0;
    position: relative;
}

.commentlist .comment-body p {
    margin: 5px 0;
    line-height: 150%;
}

.commentlist a:hover {
    text-decoration: underline;
}

.commentmetadata {
    margin-left: 50px;
    color: #aaa;
    text-shadow: 0px 1px 0px #fff
}

.commentlist li .comment-body img.avatar {
    position: relative;
    float: left;
    width: 54px;
    height: 54px;
    background: #fff;
    border-radius: 2px;
    z-index: 2
}

.commentlist .floor {
    white-space: nowrap;
    position: absolute;
    right: 10px;
    top: 35px;
    margin-top: -6px;
    color: #f78585;
    font-size: 16px;
    display: none;
    z-index: 2;
    font-weight: bold
}

.comment-body:hover .floor {
    display: inline-block;
    white-space: nowrap;
}

.comment-main {
    margin-left: 70px;
    padding: 5px 30px 5px 15px;
    line-height: 25px;
    border-radius: 3px;
    position: relative;
    background: #fbfdfb;
    border: 1px #eee solid;
}

.comment-main:before {
    content: '';
    display: inline-block;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 9px solid #eee;
    position: absolute;
    top: 15px;
    left: -9px
}

.comment-main:after {
    content: '';
    display: inline-block;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid #fbfdfb;
    position: absolute;
    top: 17px;
    left: -7px;
}

.comment-info span, .comment_author_ua .ua_img, .comment_author_ip .ip_img {
    vertical-align: middle;
    margin: 0 2px;
    display: inline-block;
    line-height: 16px;
    white-space: nowrap !important;
}

.comment_author_vip .vip {
    vertical-align: middle;
    opacity: 0.8;
    filter: alpha(opacity=80);
    background: url('../images/vip.png') no-repeat;
    display: inline-block;
    overflow: hidden;
    border: none;
    font-size: 0
}

.comment_author_vip .vip:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.comment_author_vip .vip-blogger {
    background-position: -370px -2px;
    width: 20px;
    height: 15px;
}

.comment_author_vip .vip-author {
    background-position: -340px -2px;
    width: 20px;
    height: 15px;
}

.comment_author_vip .vip1 {
    background-position: -31px -1px;
    width: 20px;
    height: 15px;
}

.comment_author_vip .vip2 {
    background-position: -66px -1px;
    width: 20px;
    height: 15px;
}

.comment_author_vip .vip3 {
    background-position: -101px -1px;
    width: 20px;
    height: 15px;
}

.comment_author_vip .vip4 {
    background-position: -136px -1px;
    width: 20px;
    height: 15px;
}

.comment_author_vip .vip5 {
    background-position: -171px -1px;
    width: 20px;
    height: 15px;
}

.comment_author_vip .vip6 {
    background-position: -206px -1px;
    width: 20px;
    height: 15px;
}

.comment_author_vip .vip7 {
    background-position: -241px -1px;
    width: 20px;
    height: 15px;
}

.comment_author_ip {
    color: #aaa;
    vertical-align: bottom;
}

.at_parent_comment_author {
    margin-right: 5px;
}

#respond_box {
    clear: both;
    padding: 0;
}

#respond {
    padding-bottom: 30px
}

.article #respond h3 {
    padding: 0
}

#comment {
    background: #fff
}

.cancel-comment-reply a {
    color: #08d;
    font-size: 13px;
}

.cancel-comment-reply a:hover {
    color: #777;
    font-size: 13px;
}

#commentform {
    position: relative;
}

#commentform p {
    margin-top: 5px;
}

#commentform label {
    color: #777
}

#commentform input {
    margin: 3px 0 3px;
    padding: 3px;
}

#commentform input:focus {
}

#commentform #author, #commentform #email, #commentform #url, #commentform #captcha {
    padding: 5px 5px 5px 60px;
    border: 1px solid #ddd;
}

#captcha-field label {
    padding-left: 8px;
}

#commentform textarea {
    margin-top: 4px;
    padding: 5px 15px;
    width: 100%;
    height: 120px;
    border: 1px solid #e6e6e6;
    font-size: 13px;
    overflow: visible;
}

#commentform textarea::selection {
    background: #ccc;
}

#commentform textarea:focus {
    outline: none;
    border-color: #ddd;
    border-color: rgba(82, 168, 236, .8);
    -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, .6);
    box-shadow: 0 0 8px rgba(82, 168, 236, .6);
}

#commentform .comment-notify-login {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -54px;
    margin-top: 10px;
}

.comment-notify-login {
    margin-bottom: 10px;
}

.comment-login-pop-click {
    float: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

#commentform .comment-notify-login .comment-login-pop-click:hover {
    color: #00a67c;
}

#commentform button#submit, #commentform button#reset {
    float: right
}

.mail-notify-check {
    float: right;
    height: 30px;
    position: absolute;
    bottom: 0;
    right: 5px;
    margin-top: 8px;
    display: none
}

#commentform #comment_mail_notify {
    width: 12px;
    height: 12px;
    margin: 2px 2px 0 0;
    padding: 0;
}

#real-avatar {
    display: inline-block;
    float: left;
}

#real-avatar .avatar {
    padding: 2px;
    border: 1px solid #e6e6e6;
    background: #fff
}

#welcome {
    display: inline-block;
    line-height: 40px;
    margin-left: 10px;
}

#commentform a:link, #commentform a:visited {
    text-decoration: none
}

#commentform a:hover {
    color: #777;
    text-decoration: none
}

.ajaxcomm {
    height: 30px;
    color: #777;
    line-height: 30px
}

#error {
    color: #f00;
}

#comment-author-info {
    clear: both;
}

.comment-form-input-info {
    float: left;
    position: relative;
    padding-right: 4px;
}

.comment-form-input-info input {
    width: 100% !important
}

.comment-form-input-info input:focus {
}

.comment-form-input-info label {
    position: absolute;
    line-height: 27px;
    margin: 4px 0 0 1px;
    padding: 0 8px;
    border-right: 1px solid #ddd;
    background: #f5f5f5;
}

/* Comment smilies and html tags */
.comt-smilie, .comt-format {
    cursor: pointer;
    float: left;
    line-height: 30px;
    width: 50px;
}

#comt-smilie, #comt-format {
    background-color: #eee;
    padding: 3px 5px;
    position: relative;
    line-height: 0;
    float: left;
    overflow: visible !important;
    margin-top: -5px;
}

#comt-smilie:before, #comt-format:before {
    display: inline-block;
    position: absolute;
    top: -5px;
    width: 0;
    height: 0;
    vertical-align: top;
    border-bottom: 6px solid #eee;
    border-right: 8px solid rgba(0, 0, 0, 0);
    border-left: 8px solid rgba(0, 0, 0, 0);
    content: "";
    opacity: 1;
    filter: alpha(opacity=100)
}

#comt-smilie:before {
    left: 20px;
}

#comt-format:before {
    left: 75px;
}

#comt-smilie a {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
}

.editor_tools a {
    border: 1px solid #e8e8e8;
    margin: 2px 5px 2px 0;
    padding: 6px;
    line-height: 12px;
    width: auto;
    height: 24px;
    float: left;
    overflow: hidden;
    display: inline-block;
    background: #f8f8f8;
    font-size: 12px;
    color: #08d;
}

.editor_tools a:hover {
    color: #08d !important;
    border-color: #bbb;
}

/* Comments pagination */
.cpagination {
    padding: 0px;
    margin: 25px 0 40px;
    text-align: center;
    position: relative;
}

.cpagination a, .cpagination .current {
    display: inline-block;
    color: #000;
    padding: 8px 12px;
    font-size: 12px;
    line-height: 12px;
}

.cpagination a {
    background: #eaeaea;
    color: #000;
    -webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    -ms-transition: background .2s linear;
    -o-transition: background .2s linear;
    transition: background .2s linear;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}

.commentlist .cpagination .current, .commentlist .cpagination a:hover {
    background: #5CBDE7;
    color: #fff;
    text-decoration: none;
}

.commentlist .cpagination a {
    color: #000;
}

.commentlist .cpagination span.current, .commentlist .cpagination a {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-decoration: none;
    margin: 0 1px;
    min-width: 10px;
    font-family: consolas;
}

/* Image Hover Effect
/* ----------- */
.thumb-img {
    overflow: hidden;
    position: relative;
}

.thumb-img img {
    width: 100%;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

.thumb-img:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}

article.col:hover img, article.col-small:hover img, article.home-blog-entry:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}

.fancyimg {
    position: relative;
}

.fancyimg span {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background: rgba(87, 186, 232, 0.5);
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
    -webkit-transition: all 450ms ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

.fancyimg span:hover {
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.fancyimg span i {
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    float: left;
    border-radius: 50px;
    color: #fff; /*padding: 9px;*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fancyimg span i:before {
    font-size: 50px;
    height: 50px;
    width: 50px;
}

.tab-item-thumbnail {
    position: relative;
}

.tab-item-thumbnail span {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background: rgba(87, 186, 232, 0.7);
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

.tab-item-thumbnail span:hover, .post-item-thumbnail span:hover {
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.tab-item-thumbnail span i {
    width: 30px;
    height: 30px;
    margin: -15px 0 0 -15px;
    text-align: center;
    color: #f6f6f6;
    position: absolute;
    top: 50%;
    left: 50%;
    float: left;
    border-radius: 30px;
    padding: 5px;
}

.tab-item-thumbnail span i:before {
    font-size: 20px;
    height: 20px;
    width: 20px;
}

.post-item-thumbnail {
    position: relative;
}

.post-item-thumbnail span {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
    -webkit-transition: all 450ms ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

.post-item-thumbnail span i {
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    text-align: center;
    color: #6ab4ce;
    position: absolute;
    top: 50%;
    left: 50%;
    float: left;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.8);
    padding: 9px;
}

.post-item-thumbnail span i:before {
    font-size: 32px;
    height: 32px;
    width: 32px;
}

/* Avatar rotate */
.avatar-rotate {
    animation: starrotate .8s;
    -moz-animation: starrotate .8s;
    -ms-animation: starrotate .8s;
    -webkit-animation: starrotate .8s;
    -o-animation: starrotate .8s;
}

/* Baidu Share CSS Customize
/* -------------------------- */
#bdshare_pop {
    width: 305px !important;
}

/* Float Button
/* ----------------- */
.floatbtn {
    position: fixed;
    right: 20px;
    bottom: 100px;
    width: 34px;
    font-size: 25px;
    line-height: 25px;
    text-align: center;
    z-index: 999;
}

.floatbtn span {
    cursor: pointer;
    background: rgba(0, 0, 0, 0.2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000);
    width: 34px;
    height: 34px;
    color: #fff;
    display: block;
    position: relative;
    margin: 5px 0;
}

.floatbtn:before {
    content: "";
    clear: both;
}

.floatbtn:after {
    content: "";
    clear: both;
}

.floatbtn span a {
    color: #fff;
}

.floatbtn span i {
    color: #fff;
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
}

.floatbtn span i a {
    font-size: 20px;
}

.floatbtn span i a:hover {
    color: #fff;
}

.floatbtn span:hover {
    background: rgba(0, 0, 0, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
}

.floatbtn #qr {
    position: relative;
}

.floatbtn #qr #floatbtn-qr {
    width: 130px;
    height: 155px;
    padding: 5px;
    position: absolute;
    display: none;
    top: -48px;
    left: -180px;
    opacity: 1;
    background: #ddd;
    border-radius: 5px;
    border: 3px solid #ddd;
}

.floatbtn #qr #floatbtn-qr-msg {
    color: #000;
    font-size: 12px;
    text-align: center;
}

.floatbtn .bds_more {
    background: url('../images/article-sprite.png') no-repeat -266px -366px !important;
    background-image: none !important;
    background-color: rgba(0, 0, 0, 0.2);
    width: 34px;
    height: 34px;
    color: #fff;
    display: block;
    position: relative;
    margin: 5px 0;
    padding: 0;
    float: inherit;
}

.floatbtn .bds_more:hover {
    background: rgba(0, 0, 0, 0.6);
}

.floatbtn .bds_more i, .floatbtn .bds_more i:hover {
    opacity: 1;
    color: #fff;
}

.floatbtn #bdshare {
    float: inherit;
}

/* Lightbox
/* ----------------- */
div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right {
    height: 13px;
}

div.pp_default .pp_top .pp_left {
    background: url(../images/sprite.png) -78px -93px no-repeat;
}

div.pp_default .pp_top .pp_middle {
    background: url(../images/sprite_x.png) top left repeat-x;
}

div.pp_default .pp_top .pp_right {
    background: url(../images/sprite.png) -112px -93px no-repeat;
}

div.pp_default .pp_content .ppt {
    color: #f8f8f8;
}

div.pp_default .pp_content_container .pp_left {
    background: url(../images/sprite_y.png) -7px 0 repeat-y;
    padding-left: 13px;
}

div.pp_default .pp_content_container .pp_right {
    background: url(../images/sprite_y.png) top right repeat-y;
    padding-right: 13px;
}

div.pp_default .pp_content {
    background-color: #fff;
}

div.pp_default .pp_next:hover {
    background: url(../images/next_h.png) center right no-repeat;
    cursor: pointer;
}

div.pp_default .pp_previous:hover {
    background: url(../images/prev_h.png) center left no-repeat;
    cursor: pointer;
}

div.pp_default .pp_expand {
    transition: 0;
    background: url(../images/sprite.png) 0 -29px no-repeat;
    cursor: pointer;
    width: 28px;
    height: 28px;
}

div.pp_default .pp_contract {
    transition: 0;
    background: url(../images/sprite.png) 0 -84px no-repeat;
    cursor: pointer;
    width: 28px;
    height: 28px;
}

div.pp_default .pp_contract:hover {
    background: url(../images/sprite.png) 0 -113px no-repeat;
    cursor: pointer;
}

div.pp_default .pp_close {
    width: 30px;
    height: 30px;
    background: url(../images/sprite.png) 2px 1px no-repeat;
    cursor: pointer;
}

div.pp_default #pp_full_res .pp_inline {
    color: #000;
}

div.pp_default .pp_gallery ul li a {
    background: #888;
    border: 1px solid #aaa;
}

div.pp_default .pp_gallery ul li a:hover,
div.pp_default .pp_gallery ul li.selected a {
    border-color: #fff;
}

div.pp_default .pp_social {
    margin-top: 7px;
}

div.pp_default .pp_gallery a.pp_arrow_previous,
div.pp_default .pp_gallery a.pp_arrow_next {
    position: static;
    left: auto;
}

div.pp_default .pp_nav .pp_play,
div.pp_default .pp_nav .pp_pause {
    background: url(../images/sprite.png) -51px 1px no-repeat;
    height: 30px;
    width: 30px;
}

div.pp_default .pp_nav .pp_pause {
    background-position: -51px -29px;
}

div.pp_default .pp_details {
    position: relative;
}

div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next {
    background: url(../images/sprite.png) -31px -3px no-repeat;
    height: 20px;
    margin: 4px 0 0 0;
    width: 20px;
}

div.pp_default a.pp_arrow_next {
    left: 52px;
    background-position: -82px -3px;
}

div.pp_default .pp_content_container .pp_details {
    margin-top: 5px;
}

div.pp_default .pp_nav {
    clear: none;
    height: 30px;
    width: 110px;
    position: relative;
}

div.pp_default .pp_nav .currentTextHolder {
    font-family: Georgia;
    font-style: italic;
    color: #999;
    font-size: 11px;
    left: 75px;
    line-height: 25px;
    margin: 0;
    padding: 0 0 0 10px;
    position: absolute;
    top: 2px;
}

div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover {
    opacity: 0.7;
}

div.pp_default .pp_description {
    font-size: 11px;
    font-weight: bold;
    line-height: 30px;
    margin: 5px 50px 5px 0;
}

div.pp_default .pp_bottom .pp_left {
    background: url(../images/sprite.png) -78px -127px no-repeat;
}

div.pp_default .pp_bottom .pp_middle {
    background: url(../images/sprite_x.png) bottom left repeat-x;
}

div.pp_default .pp_bottom .pp_right {
    background: url(../images/sprite.png) -112px -127px no-repeat;
}

div.pp_default .pp_loaderIcon {
    background: url(../images/loader.gif) center center no-repeat;
}

div.pp_pic_holder a:focus {
    outline: none;
}

div.pp_overlay {
    background: #000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9500;
}

div.pp_pic_holder {
    display: none;
    position: absolute;
    width: 100px;
    z-index: 10000;
}

.pp_top {
    height: 20px;
    position: relative;
}

* html .pp_top {
    padding: 0 20px;
}

.pp_top .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px;
}

.pp_top .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px;
}

* html .pp_top .pp_middle {
    left: 0;
    position: static;
}

.pp_top .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}

.pp_content {
    height: 40px;
    min-width: 40px;
}

* html .pp_content {
    width: 40px;
}

.pp_fade {
    display: none;
}

.pp_content_container {
    position: relative;
    text-align: left;
    width: 100%;
}

.pp_content_container .pp_left {
    padding-left: 20px;
}

.pp_content_container .pp_right {
    padding-right: 20px;
}

.pp_content_container .pp_details {
    float: left;
    margin: 10px 0 2px 0;
}

.pp_description {
    display: none;
    margin: 0;
}

.pp_social {
    float: left;
    margin: 0;
}

.pp_social .facebook {
    float: left;
    margin-left: 5px;
    width: 55px;
    overflow: hidden;
}

.pp_social .twitter {
    float: left;
}

.pp_nav {
    clear: right;
    float: left;
    margin: 3px 10px 0 0;
}

.pp_nav p {
    float: left;
    margin: 2px 4px;
    white-space: nowrap;
}

.pp_nav .pp_play, .pp_nav .pp_pause {
    float: left;
    margin-right: 4px;
    text-indent: -10000px;
}

a.pp_arrow_previous, a.pp_arrow_next {
    display: block;
    float: left;
    height: 15px;
    margin-top: 3px;
    overflow: hidden;
    text-indent: -10000px;
    width: 14px;
}

.pp_hoverContainer {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000;
}

.pp_gallery {
    display: none;
    left: 50%;
    margin-top: -50px;
    position: absolute;
    z-index: 10000;
}

.pp_gallery div {
    float: left;
    overflow: hidden;
    position: relative;
}

.pp_gallery ul {
    float: left;
    height: 35px;
    margin: 0 0 0 5px;
    padding: 0;
    position: relative;
    white-space: nowrap;
}

.pp_gallery ul a {
    border: 1px #000 solid;
    border: 1px rgba(0, 0, 0, 0.5) solid;
    display: block;
    float: left;
    height: 33px;
    overflow: hidden;
}

.pp_gallery ul a:hover, .pp_gallery li.selected a {
    border-color: #fff;
}

.pp_gallery ul a img {
    border: 0;
}

.pp_gallery li {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
}

.pp_gallery li.default a {
    background: url(../images/default_thumbnail.gif) 0 0 no-repeat;
    display: block;
    height: 33px;
    width: 50px;
}

.pp_gallery li.default a img {
    display: none;
}

.pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next {
    margin-top: 7px !important;
}

a.pp_next {
    background: url(../images/next.png) right center no-repeat;
    display: block;
    float: right;
    height: 100%;
    text-indent: -10000px;
    width: 49%;
}

a.pp_previous {
    background: url(../images/prev.png) left center no-repeat;
    display: block;
    float: left;
    height: 100%;
    text-indent: -10000px;
    width: 49%;
}

a.pp_expand, a.pp_contract {
    cursor: pointer;
    display: none;
    height: 20px;
    position: absolute;
    right: 30px;
    text-indent: -10000px;
    top: 10px;
    width: 20px;
    z-index: 20000;
}

a.pp_close {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    line-height: 22px;
    text-indent: -10000px;
}

.pp_bottom {
    height: 20px;
    position: relative;
}

* html .pp_bottom {
    padding: 0 20px;
}

.pp_bottom .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px;
}

.pp_bottom .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px;
}

* html .pp_bottom .pp_middle {
    left: 0;
    position: static;
}

.pp_bottom .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}

.pp_loaderIcon {
    display: block;
    height: 24px;
    left: 50%;
    margin: -12px 0 0 -12px;
    position: absolute;
    top: 50%;
    width: 24px;
}

#pp_full_res {
    line-height: 1 !important;
}

#pp_full_res .pp_inline {
    text-align: left;
}

#pp_full_res .pp_inline p {
    margin: 0 0 15px 0;
}

div.ppt {
    color: #fff;
    display: none;
    font-size: 17px;
    margin: 0 0 5px 15px;
    z-index: 9999;
}

/* Sitenews marquee
/* ----------------- */
.bg-sitenews {
    width: 100%;
    background: #fff;
    color: #222;
    font-size: 14px;
    padding: 16px 10px 14px !important;
    margin: 10px auto !important;
    border-radius: 0 !important;
    position: relative;
    border: 1px solid #eaeaea;
}

body.home .bg-sitenews {
    border: none;
    margin: 0px auto !important;
    display: block;
}

body.home #sitenews-wrap {
    width: 100%;
    background: #fff;
    display: block;
}

#sitenews-wrap .bg-sitenews {
    max-width: 1200px
}

#sitenews-wrap.container {
    max-width: 100%;
}

#news-scroll-zone {
    height: 20px;
    overflow: hidden;
    line-height: 20px;
}

.bg-sitenews i.fa-volume-up {
    float: left;
    line-height: 20px;
    margin: 0 20px 0 0;
    padding: 0; /*color: #74D2A0;*/
}

.bg-sitenews a:hover {
    text-decoration: underline;
}

/* syntaxhighlighter
/* --------------- */
.crayon-table .crayon-nums-content {
    white-space: nowrap !important;
    word-break: normal !important;
}

/* Login pop
/* ----------- */
.fadeIn #sign {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

#sign, #sign a {
    font-size: 12px !important;
    line-height: 1.5;
}

#sign {
    position: fixed;
    z-index: 9999;
    top: 80px;
    left: 50%;
    width: 400px;
    margin-left: -200px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(0, -600px, 0);
    -moz-transform: translate3d(0, -600px, 0);
    -o-transform: translate3d(0, -600px, 0);
    transform: translate3d(0, -600px, 0);
    min-height: 200px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -ms-perspective: 800px;
    perspective: 800px
}

#sign .part {
    min-height: 425px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    background-color: #FFF;
    padding: 50px 50px 40px 50px;
    box-sizing: border-box;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all .9s ease-in-out;
    -moz-transition: all .9s ease-in-out;
    -ms-transition: all .9s ease-in-out;
    transition: all .9s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none
}

#sign.sign .part.loginPart {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    z-index: 1;
    display: block
}

#sign.sign .part.registerPart {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    z-index: 0;
    display: block
}

#sign.register .part.loginPart {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
    z-index: 0;
    display: block
}

#sign.register .part.registerPart {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    z-index: 1;
    display: block
}

#sign form h3 {
    font-size: 18px;
    margin-bottom: 20px
}

#sign form h3 p {
    font-size: 12px;
    color: #999;
    margin: 0 0 0 10px;
    display: inline-block
}

#sign form .status .error {
    color: #ea4c89
}

#sign form .status .success {
    color: #00c3b6
}

#sign form p {
    margin: 10px auto;
    position: relative
}

#sign form label.error {
    color: #FFF;
    background-color: #7656E8;
    padding: 0 4px;
    position: absolute;
    z-index: 5;
    right: 10px;
    top: 11px
}

#sign form label.icon {
    position: absolute;
    right: 10px;
    top: 5px;
    color: #999;
    font-size: 20px;
    color: rgba(0, 0, 0, .3)
}

#sign form label.icon i {
    width: 20px;
    text-align: center
}

#sign form input {
    border: 1px solid #ddd;
    padding: 10px;
    width: 100%;
    box-sizing: border-box
}

#sign ::-webkit-input-placeholder {
    color: #999
}

#sign form input:focus {
    border: 1px solid #00c3b6
}

#sign input:-moz-placeholder {
    color: #999
}

#sign input.input-control {
    padding-right: 35px
}

#sign form .submit {
    cursor: pointer;
    background-color: #00c3b6;
    color: #FFF;
    border: 0 none;
    font-size: 14px
}

#sign form .submit:hover {
    background-color: #00b5a9
}

#sign form .submit:focus {
    border: 0 none
}

#sign form .safe {
    color: #999;
    margin-top: 20px
}

#sign form .rememberme {
    width: inherit;
    margin-right: 3px
}

#sign form .lost {
    float: right
}

#sign form .close {
    position: absolute;
    right: 25px;
    top: 0;
    width: 50px;
    height: 50px;
    border-radius: 0 0 50px 50px;
    text-align: center;
    line-height: 50px;
    background-color: #444;
    font-size: 16px;
    color: #FFF
}

#sign form .close i {
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s
}

#sign form .close:hover i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

#sign .other-sign {
    border-top: 1px solid rgba(0, 0, 0, .1);
    margin: 20px -50px auto -50px;
    padding: 0 50px
}

.other-sign p {
    margin: 10px auto 10px auto
}

.other-sign a, .local-account a {
    display: inline-block;
    padding: 6px 10px;
    border-radius: 3px;
}

.other-sign a:hover, .local-account a:hover {
    color: #fff;
}

.other-sign a i, .local-account a i {
    margin-right: 5px
}

.other-sign .qqlogin {
    background-color: #4a9cf8;
    color: #FFF;
}

.other-sign .weibologin {
    background-color: #e14d4c;
    color: #FFF;
}

#sign .other-sign div {
    width: 50%;
    text-align: center;
    float: left;
}

#sign .switch {
    color: #999;
    cursor: pointer;
    margin: 15px auto;
    display: inline-block
}

#sign .switch i {
    margin-right: 5px;
    color: #1cbdc5
}

.overlay {
    background: #000;
    opacity: .8;
    filter: alpha(opacity=80);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9998;
}

.nav-wrap #login-reg {
    float: right;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 14px;
    padding: 23px 0;
    height: 80px;
}

.nav-wrap #login-reg span {
    display: block;
    background-color: #757575;
    background-color: rgba(0, 0, 0, .2);
    color: #eee;
    color: rgba(255, 255, 255, .8);
    height: 34px;
    padding: 0 15px;
    line-height: 34px;
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
    float: left;
}

.nav-wrap #login-reg span:hover {
    color: #aaa;
}

#user-login {
    border-radius: 4px 0 0 4px;
}

#user-login.only-login {
    border-radius: 4px;
}

#user-reg {
    border-radius: 0 4px 4px 0;
    margin-left: 1px
}

.login-yet-click {
    float: right;
    border: 0;
    display: inline-block;
    height: 80px;
    line-height: 80px;
    padding: 0 5px;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    color: #00a67c;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}

.login-yet-click img {
    margin-top: 22px;
    vertical-align: middle;
    float: left;
    margin-right: 8px;
}

.login-yet-click .login-yet-click-inner {
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
}

.new-message-notify {
    position: absolute;
    top: 10px;
    right: 2px;
    height: 10px;
    line-height: 10px;
}

.new-message-notify:before {
    content: "\f075";
    font-family: FontAwesome;
    font-size: 10px;
}

.login-yet-click a.new-message-notify:hover {
}

.user-tabs {
    position: absolute;
    right: 0;
    text-align: center;
    background-color: #1e2629;
    width: 150px;
    display: none;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
}

.user-tabs span {
    display: block;
    clear: both;
    height: auto;
    line-height: 20px;
    padding: 8px 10px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}

.user-tabs span i {
    margin-right: 5px;
}

.user-tabs span:hover {
    background-color: #fff
}

.user-tabs span a, .user-tabs span i {
    color: #999999
}

.user-tabs span:hover a, .user-tabs span:hover i {
    color: #428bca
}

.login-yet-click a, .login-yet-click a:hover {
    color: #428bca
}

/* Shortcode
/* ------------------------ */

/* Contextual backgrounds */
.contextual {
    padding: 15px;
    margin: 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    position: relative;
}

.bg-primary {
    color: #fff;
    background-color: #428bca;
}

.bg-notice {
    color: #7da33c;
    background: #ecf2d6;
    border-color: #aac66d;
    border-style: solid;
    border-width: 0
}

.bg-success {
    background-color: #dff0d8;
    color: #23BD2B;
}

.bg-info {
    background-color: #d9edf7;
}

.bg-warning {
    background-color: #fcf8e3;
}

.bg-danger {
    background-color: #f2dede;
}

.bg-lr2v {
    color: #31708f;
    background-color: #d9edf7;
    border: 1px solid #bce8f1;
    padding: 10px 8px;
    margin: 15px 0;
    text-align: center;
    overflow: hidden;
}

.bg-lr2v i {
    margin: 0 3px;
}

.bg-lr2v .user-login {
    float: none;
    height: auto;
    line-height: 100%;
    padding: 0;
    margin: 0;
}

.bg-lr2v .user-login:hover {
    color: #00a67c;
    text-decoration: underline;
}

.infobg-close {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    text-align: center;
    line-height: 15px;
    font-size: 15px;
    cursor: pointer;
}

.infobg-close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
}

.hasborder {
    border-width: 1px;
    border-radius: 0;
}

/* with border */
.bs-callout {
    padding: 15px 20px 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 125%;
    font-weight: 500;
    text-align: center;
}

.bs-callout p {
    line-height: 1.5;
}

.bs-callout-info {
    border-left-color: #5bc0de;
}

.bs-callout-info h4 {
    color: #5bc0de;
}

.bs-callout-warning {
    border-left-color: #f0ad4e;
}

.bs-callout-warning h4 {
    color: #f0ad4e;
}

.bs-callout-danger {
    border-left-color: #d9534f;
}

.bs-callout-danger h4 {
    color: #d9534f;
}

/* Button */
a.btnhref:hover {
    text-decoration: none !important;
    border: none !important;
}

a.btnhref:after {
    content: "" !important;
}

.btn-group {
    overflow: hidden;
}

.btn {
    text-indent: 0;
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px;
}

.btn:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}

.btn-submit {
    color: #fff;
    background-color: #3bbfaf;
    border-color: #3bbfaf;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-primary {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-download {
    color: #fff;
    background: #5fbaac;
    border-top: 0;
    box-shadow: 0 0 0 1px #EEE;
    border: 2px solid #fff
}

.btn-download:before {
    content: "\f0ed";
    display: inline-block;
    font-style: normal;
    font-family: FontAwesome;
    text-align: center;
    margin-right: 10px;
}

.btn-product {
    color: #fff;
    background: #9e5BE0;
    border-top: 0;
    box-shadow: 0 0 0 1px #EEE;
    border: 2px solid #fff
}

.btn-product:before {
    content: "\f07a";
    display: inline-block;
    font-style: normal;
    font-family: FontAwesome;
    text-align: center;
    margin-right: 10px;
}

.btn-demo {
    border-top: 0;
    color: #fff;
    background: #f78585;
    box-shadow: 0 0 0 1px #EEE;
    border: 2px solid #fff
}

.btn-demo:before {
    content: "\f06e";
    display: inline-block;
    font-style: normal;
    font-family: FontAwesome;
    text-align: center;
    margin-right: 10px;
}

.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 5px;
}

.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

/* Toggle content */
.toggle-wrap {
    margin: 8px 0;
    clear: both;
}

.toggle-click-btn {
    font-size: 110%;
    line-height: 240%;
    background: #f5f5f5;
    border: 1px solid #ccc;
    position: relative;
    padding-left: 30px;
    font-weight: 500;
}

.toggle-click-btn.yes:before {
    content: "\f0fe";
    display: inline-block;
    font-style: normal;
    font-family: FontAwesome;
    text-align: center;
    position: absolute;
    left: 5px;
}

.toggle-click-btn.no:before {
    content: "\f146";
    display: inline-block;
    font-style: normal;
    font-family: FontAwesome;
    text-align: center;
    position: absolute;
    left: 5px;
}

.toggle-content {
    border-width: 0 1px 1px 1px;
    border-color: #ccc;
    border-style: solid;
    padding: 8px 8px 8px 20px;
}

.toggle-content p {
    text-indent: 0;
}

/* Table */
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    border-top: 0;
}

.table > tbody + tbody {
    border-top: 2px solid #ddd;
}

/* Download page */
.dl-article-title {
    margin-bottom: 5px;
}

.dl-article-title a {
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    border: 0;
}

.dl-article-title a:hover {
    text-decoration: underline;
}

.declaration, .use-des {
    border: 1px solid #DDDDDD;
    padding: 10px;
    line-height: 18px;
    font-size: 12px;
    margin: 5px 0 10px;
}

.downmid {
    margin-bottom: 10px;
}

.downld {
    width: 49.5%;
    float: left;
}

.downld-meta {
    margin-top: 10px;
    background: #EDF5FC;
    border: 1px solid #AACCEE;
    padding: 5px 5px 5px 10px;
    font-size: 12px;
    line-height: 12px;
    color: #888;
}

.downldlinks {
    text-align: center;
    border: 1px solid #AACCEE;
    border-top: 0;
    padding: 20px 10px;
    margin: 0;
}

.downldlinks h4 {
    text-align: left;
    margin: 5px 0;
}

.downldlinks .buysaledl {
    border-bottom: 1px solid red;
    color: red;
    cursor: pointer;
}

.downldlinks-inner {
    min-height: 123px;
}

.downldlinks-inner .clicktodl {
    padding: 0 2px;
    color: red;
}

.downldlinks p {
    font-size: 12px;
    text-align: left;
    line-height: 25px;
}

.downldlinks p a:after {
    content: "";
}

.downldlinks .dl-mail input[type=text] {
    width: 200px;
    border-radius: 3px;
    font-size: 14px;
    font-style: italic;
    line-height: 14px;
    padding: 6px 10px;
}

.downldlinks .dl-mail button[type=button] {
    margin: 0 5px;
    border-radius: 3px;
    font-size: 13px;
    font-style: italic;
    line-height: 14px;
    padding: 7px 12px 7px 10px;
    color: #fff;
    background: #F80000;
    background: -webkit-linear-gradient(top, #F80000, #B44C4C);
    progid: DXImageTransform . Microsoft . gradient(startcolorstr = #ffF80000, endcolorstr = #ffB44C4C, gradientType = 0);
    cursor: pointer;
}

.downldlinks .dl-mail button[type=button]:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}

.downldlinks .dl-terms {
    font-size: 12px;
}

.downldlinks .dl-terms a {
    border-bottom: 1px solid #00a67c;
}

.downldlinks .dl-terms p {
    display: block;
    color: #f00;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    text-align: center;
}

.downldlinks p.mail-dl-success {
    font-size: 14px;
    font-style: italic;
    line-height: 20px;
    padding: 5px 20px;
    margin-bottom: 10px;
}

.downmid-ad {
    width: 49.3%;
    float: right;
}

.downmid-ad-top {
    margin-top: 10px;
    background: #F9F9F9;
    border: 1px solid #DDDDDD;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    line-height: 12px;
    color: #888;
}

.downmid-ad-btm {
    text-align: center;
    border: 1px solid #DDDDDD;
    border-top: 0;
    padding-top: 5px;
    min-height: 165px;
}

.use-des {
    margin: 10px 0;
}

.downbtm-ad-left {
    width: 49.5%;
    float: left;
    text-align: center;
}

.downbtm-ad-right {
    width: 49.2%;
    float: right;
    text-align: center;
}

.dl-page-login-pop {
    padding: 0 2px;
    color: red;
    font-weight: bold;
    cursor: pointer;
}

.tinalert {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 300px;
    min-height: 150px;
    margin-top: -75px;
    margin-left: -150px;
    box-shadow: 0 0 5px #aaa;
    background: #fafafa;
    border: 1px solid #aaa;
}

.alert_title {
    padding: 5px 10px;
    border-bottom: 1px solid #aaa;
    margin-bottom: 10px;
    background: #eee;
}

.alert_title h4 {
    font-size: 15px;
}

.alert_content {
    padding: 0 10px;
}

.tinalert p {
    line-height: 150%;
    font-size: 13px;
}

.tinalert p span {
    padding: 0 2px;
    color: red;
}

.tinalert .alert_close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    color: #888;
    text-align: center;
    line-height: 15px;
    font-size: 15px;
    cursor: pointer;
}

.confirm-buy, .alert_cancel {
    text-align: center;
    margin-top: 30px;
}

.confirm-buy .btn, .alert_cancel .btn {
    margin: 5px 10px;
    padding: 4px 16px;
}

/* Shop page
/* ----------- */
.shop-wrap {
    margin-top: -60px;
    background: #f1f1f1;
}

.sub-billboard.shopping {
    background-image: url(../images/shop-bg.jpg);
}

.sub-billboard {
    height: 250px;
}

.billboard {
    text-align: center;
    color: #FFF;
    background: center top no-repeat #222;
    background-size: cover;
}

.billboard .wrapper {
    height: 200px;
    margin-top: 50px;
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    display: inline-table;
}

.billboard .inner {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.sub-billboard .inner h1 {
    font-size: 28px;
    letter-spacing: 1px;
    line-height: 1.2;
    margin-bottom: 10px;
    color: #fff;
}

.sub-billboard .inner p {
    font-size: 12px;
    line-height: 1.5;
}

.container.shop {
    background-color: #f1f1f1;
    position: relative;
}

.navcaret#guide {
    text-align: center;
    padding-top: 10px;
    background-color: #f1f1f1;
    position: relative;
}

.navcaret#guide ul li {
    float: none;
    display: inline-block;
    margin: auto 20px;
    margin-bottom: -1px;
}

.navcaret#guide .current-menu-item {
    border-bottom: 1px solid #666;
}

#goodslist {
    margin: 20px auto 30px auto;
    overflow: hidden;
}

.shop-item {
    margin: auto 6px;
    background-color: #FFF;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    position: relative;
    border: 10px solid #FFF;
    border-bottom: 0 none;
}

.shop-item h3, .shop-item h3 a {
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    height: 25px;
    overflow: hidden;
}

.shop-item p {
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    height: 40px;
    overflow: hidden;
}

.shop-item .pricebtn {
    margin: 10px 0 15px;
    font-size: 16px;
    height: auto;
    color: #6D27D3;
    line-height: 26px;
}

.shop-item .pricebtn strong {
    font-size: 20px;
    font-weight: normal;
}

.pricebtn .buy {
    background-color: #6D27D3;
    display: inline-block;
    border-radius: 2px;
    color: #FFF;
    padding: 3px 10px;
    float: right;
    font-size: 12px;
    line-height: 18px;
}

.pricebtn .buy:hover {
    background-color: #9e5BE0;
}

#single-blog-wrap.container.shop {
    margin: 20px auto;
}

.shop .area {
    background-color: #fff;
    margin-bottom: 20px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.shop .product-content {
    padding: 40px;
    max-width: 1100px;
    margin: auto;
    font-size: 13px;
}

.shop .breadcrumb {
    color: #999;
    margin-bottom: 20px;
    font-size: 13px;
}

.shop .breadcrumb a {
    color: #999;
    font-size: 13px;
}

.shop .breadcrumb a:hover {
    text-decoration: underline;
}

.shop .product {
    position: relative;
}

.shop .product .preview {
    width: 360px;
    height: 300px;
    text-align: center;
    color: #FFF;
    position: absolute;
    left: 0;
    top: 0;
}

.shop .product .preview img {
    display: block;
    margin: auto;
    border: 1px solid rgba(0, 0, 0, .05);
    box-shadow: none;
}

.shop .product .preview .view-share {
    height: auto;
    margin-top: 10px;
    line-height: 24px;
}

.shop .product .preview .view {
    float: left;
    color: #999;
}

.shop .product .preview .share {
    float: right;
    color: #999;
}

.share a {
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 5px;
    background: url(../images/share.png);
    cursor: pointer;
    margin-bottom: -8px;
    opacity: .8;
    position: relative;
    top: -2px;
}

.share a.bds_qzone {
    background-position: 0 -65px !important;
}

.share a.bds_tsina {
    background-position: 0 0 !important;
}

.share a.bds_tqq {
    background-position: 0 -163px !important;
}

.share a.bds_weixin {
    background-position: 0 -32px !important;
    position: relative;
    z-index: 2;
}

.share a.bds_weixin #weixin-qt {
    left: -120px;
    border-color: #aaa;
}

.shop .product .property {
    margin-left: 400px;
    min-height: 400px;
    color: #999;
}

.shop .product .property .row {
    padding: 5px 20px;
}

.shop .product .property .title h1 {
    font-size: 18px;
    margin-bottom: 5px;
    color: #333;
}

.shop .product .property .summary {
    background-color: #f5f5f5;
    padding: 10px 20px;
    margin: 10px auto;
    color: #333;
}

.shop .product .property .summary li {
    padding: 5px 0;
}

.shop .product .property .dt {
    width: 70px;
    display: inline-block;
    color: #999;
}

.shop .product .property .summary .summary-price strong {
    font-size: 24px;
    color: #6D27D3;
    font-weight: normal;
    font-family: Arial;
}

.shop .product .property .summary .summary-price strong em {
    font-size: 14px;
    font-style: normal;
    margin-right: 3px;
}

.shop .product .property .amount .amount-number {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #d8d8d8;
    height: 32px;
    overflow: hidden;
}

.shop .product .property .amount .control {
    height: 32px;
    line-height: 32px;
    width: 20px;
    text-align: center;
    display: block;
    float: left;
    font-size: 12px;
    color: #999;
    background-color: #f5f5f5;
}

.shop .product .property .amount .amount-input {
    border: 1px solid #e1e1e1;
    border-top: 0 none;
    border-bottom: 0 none;
    vertical-align: middle;
    width: 60px;
    height: 32px;
    padding: 8px 6px;
    text-align: center;
    float: left;
}

.shop .product .property .amount .amount-input:focus {
    box-shadow: none;
    border-color: #e1e1e1 !important;
}

.shop .product .property .buygroup {
    margin-top: 20px;
}

.shop .product a.buy-btn.sold-out, .shop .product a.buy-btn.free-buy, .shop .product a.buy-btn.sold-out:hover, .shop .product a.buy-btn.free-buy:hover {
    background-color: #9e9e9e;
    cursor: default;
}

.shop .product a.buy-btn, .shop .product a.set-email-btn {
    background-color: #6D27D3;
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #FFF;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
}

.shop .product a.buy-btn:hover, .shop .product a.set-email-btn:hover {
    background-color: #9e5BE0;
}

.shop .product a.buy-btn i, .shop .product a.set-email-btn i {
    margin-right: 8px;
}

.shop .product .main-content {
    height: auto;
    overflow: hidden;
}

.shop .product .main-content .shop-content {
    width: 100%;
    float: left;
}

.shop .product .mainwrap {
    height: auto;
    margin-left: 260px;
}

.shop .product .nav {
    height: 48px;
    border: 1px solid #d8d8d8;
    margin: auto;
    position: relative;
}

.shop .product .nav .intro {
    display: none;
    width: 260px;
    height: 100%;
    float: left;
}

.shop .product .nav li {
    float: left;
    height: 48px;
    line-height: 48px;
    display: block;
    cursor: pointer;
    position: relative;
}

.shop .product .nav li.active {
    border-top: 2px solid #6D27D3;
    position: relative;
    z-index: 1;
    margin: -1px 0 0 -1px;
}

.shop .product .nav li a {
    padding: 0 20px;
    border-right: 1px dotted #d2d2d2;
    color: #666;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.shop .product .nav li a i {
    margin-right: 5px;
}

.shop .product .nav li.active a {
    display: block;
    height: 100%;
    line-height: 47px;
    color: #6D27D3;
    border-left: 1px solid #e4c1c1;
    border-right: 1px solid #e4c1c1;
}

.shop .product .nav li.active:after {
    content: '';
    display: block;
    border-width: 5px;
    border-style: solid;
    border-color: #6D27D3 transparent transparent;
    width: 0;
    height: 0;
    font-family: arial;
    position: absolute;
    top: -1px;
    left: 50%;
    margin-left: -5px;
}

.shop .product .nav li a em {
    font-style: normal;
    margin-left: 5px;
    color: #6D27D3;
}

.shop .product #wrapnav .fixed-buy-btn {
    font-size: 14px;
    float: right;
    display: none;
    height: 50px;
    line-height: 50px;
}

.shop .product .mainwrap .wrapbox {
    margin: 20px auto;
    display: none;
}

#single-blog-wrap .area .single-content {
    max-width: 960px;
    padding: 10px;
    margin: auto;
    font-size: 14px;
    line-height: 1.8;
}

.shop #reviews .comments-main {
    padding: 10px;
}

.shop .product .mainwrap .wrapbox p {
    margin: 10px auto;
}

#history .history-tip {
    text-align: center;
    padding: 20px;
    margin: auto;
    background-color: #f5f5f5;
    color: #666;
}

#single-blog-wrap .area .single-content p {
    margin: 20px auto;
}

#history .pay-history, .order-history {
    margin: auto;
}

#history .pay-history .greytip {
    text-align: right;
    color: #999;
    margin: 10px auto;
}

#history .pay-history table, .order-history table {
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
}

#history .pay-history td, #history .pay-history th, .order-history td, .order-history th {
    padding: 10px;
}

#history .pay-history th, .order-history th {
    border-top: 1px solid #d8d8d8;
    background-color: #f5f5f5;
}

#history .pay-history td, .order-history td {
    border-bottom: 1px dotted #e5e5e5;
    color: #666;
}

.shop .product .main-content .shop-sidebar {
    float: left;
    width: 240px;
    margin-left: -100%;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    padding-bottom: 10px;
}

.shop .product .main-content .shop-sidebar h3 {
    padding: 0 10px;
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #f9f9f9;
    color: #666;
    font-size: 12px;
    font-weight: normal;
}

.shop .product .main-content .shop-sidebar h3 i {
    margin-right: 5px;
}

.shop .product .main-content .shop-sidebar ul li {
    display: block;
    margin-bottom: 0;
    line-height: 1;
    margin-top: 6px;
}

.shop .product .main-content .shop-sidebar ul li p {
    padding: 8px 10px;
    font-size: 12px;
    color: #6D27D3;
}

#order {
    font-size: 12px;
    display: none;
    position: absolute;
    width: 860px;
    left: 50%;
    top: 20px;
    margin-left: -430px;
    background-color: #FFF;
    z-index: 9999;
}

#order #alipayment {
    border-top: 1px solid #e5e5e5;
}

#order #pay {
    border-top: 5px solid #f5f5f5;
}

#order #pay .part-order {
    height: auto;
    overflow: hidden;
}

#order #pay ul {
    padding: 20px;
}

#order #pay h3 {
    color: #3bbfaf;
    font-size: 16px;
    margin-bottom: 20px;
}

#order #pay h3 span {
    color: #999;
    margin-left: 5px;
    font-size: 12px;
}

#order #pay ul li {
    margin: 10px auto;
}

#order #pay ul label {
    display: inline-block;
    width: 90px;
    text-align: right;
    margin-right: 10px;
}

#order #pay ul label small {
    color: #ea4c89;
    margin-right: 3px;
    font-size: smaller;
}

#order #pay ul li input[readonly] {
    background-color: #f5f5f5;
    color: #999;
}

#order #pay ul input {
    background-color: #FFF;
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05) inset;
    padding: 5px 8px;
    width: 250px;
}

#order #pay .checkout {
    background-color: #f5f5f5;
    padding: 20px;
    border-bottom: 1px solid #e5e5e5;
    height: auto;
    overflow: hidden;
}

#order #pay .checkout #promote {
    float: left;
    line-height: 42px;
}

#order #pay .checkout #promote input {
    height: 36px;
    width: 160px;
}

#order #pay .checkout #promote #promote_code_apply {
    padding: 9px 12px;
    color: #fff;
    background: #AEAEAE;
    height: 42px;
    cursor: pointer;
}

#order #pay .checkout #pay-submit {
    float: right;
    background-color: #6D27D3;
    color: #FFF;
    border: 0 none;
    padding: 12px 40px;
    cursor: pointer;
}

#order #pay .checkout #pay-submit:hover {
    background-color: #9e5BE0;
}

#order #pay .checkout #total-price {
    float: right;
    margin: 12px 20px 0 0;
}

#order #pay .checkout #total-price strong {
    color: #6D27D3;
    font-size: 20px;
    font-weight: normal;
    margin-right: 3px;
}

#order #pay .popup-close {
    cursor: pointer;
    position: absolute;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #444;
    right: 0;
    top: 0;
    color: #FFF;
    font-size: 16px;
}

#order #pay .popup-close i {
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
}

#order #pay .popup-close:hover i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.label-title {
    position: relative;
    background: #C5E7C4;
    color: #666;
    padding: 35px 10px 5px;
    border-radius: 3px;
}

.label-title span {
    background: #fff;
    padding: 5px 10px;
    position: absolute;
    top: 0;
    border-top: 1px solid #38DD66;
    color: #38DD66;
}

.label-title p {
    line-height: 150%;
}

/* Radio page
/* ----------- */
body.page-template-page-radio-php .container-radio {
    max-width: 1200px;
    margin: 0 auto;
}

body.page-template-page-radio-php #single-blog-wrap {
    padding-top: 0;
}

body.page-template-page-radio-php .content {
    padding: 0;
    background: none;
    overflow: hidden;
}

body.page-template-page-radio-php #pp_full_res iframe {
    width: 100%;
}

.live-online {
    padding: 30px 0 10px;
    overflow: hidden;
}

.live-online ul li {
    display: inline-block;
    width: 25%;
    float: left;
}

.live-online ul li a {
    width: 100%;
    text-align: center;
    color: #575757;
    font-size: 13px;
    text-decoration: none;
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.live-online ul li a:hover p {
    bottom: 0;
}

.live-online p {
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 25px;
    text-indent: 0;
    padding: 0 !important;
    position: absolute;
    bottom: -30px;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.live-online .wp-caption {
    width: 100% !important;
    padding: 5px 10px;
}

.live-online img {
    margin: 0 auto;
    border-radius: 0;
    border: 1px solid #eee;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
    width: 100%;
}

.live-online img:hover {
    border-color: #eee;
    box-shadow: 0 1px 15px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 15px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, .2);
    -webkit-filter: grayscale(70%);
}

.container-radio #box2 {
    display: none;
}

.box-control {
    width: 100px;
    margin: 10px auto 100px;
}

.box-control li {
    float: left;
    width: 40px;
    height: 10px;
    border: 1px solid #fff;
    background: #227cc0;
    margin-left: 5px;
    cursor: pointer;
}

.box-control li:hover {
    background: #ccc;
}

.box-control li.active {
    background: #f90;
    cursor: default;
}

/* prettyprint
/* ------------ */
.precode {
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 15px;
    border: 1px solid #e1e1e8;
    border-radius: 3px;
    background: #f7f7f9;
    position: relative;
}

.precode pre {
    border: 0;
    border-radius: 0;
}

pre {
    border: 1px solid #e1e1e8;
    border-radius: 3px;
    white-space: nowrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    overflow-x: auto;
}

.precode::-webkit-scrollbar {
    height: 10px;
    background: #F8E4FF url(../images/stripes_tiny.png) repeat;
    box-shadow: 2px 2px 2px #DDDAFF;
    border-radius: 3px;
}

.precode::-webkit-scrollbar-button {
    display: none;
}

.precode::-webkit-scrollbar-thumb {
    background: #A286FF !important;
    border-radius: 3px;
}

.precode::-webkit-scrollbar-thumb:horizontal:hover {
    background: #B3A2FF !important;
    box-shadow: 3px 3px 3px #F5EEF3;
}

.precode::-webkit-resizer {
    display: none;
}

.prettyprint {
    padding: 8px;
    background-color: #f7f7f9;
    line-height: 25px;
    width: auto;
    min-width: 95%;
    width: 95%;
    font-size: 14px;
}

.prettyprint.linenums {
    -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
    -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
    box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
}

.old-code {
    display: none;
    border: none;
    line-height: 25px;
    letter-spacing: 1px;
}

.com {
    color: #93a1a1;
}

.lit {
    color: #195f91;
}

.pun, .opn, .clo {
    color: #93a1a1;
}

.fun {
    color: #dc322f;
}

.str, .atv {
    color: #D14;
}

.kwd, .prettyprint .tag {
    color: #1e347b;
}

.typ, .atn, .dec, .var {
    color: teal;
}

.pln {
    color: #48484c;
}

/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
    margin: 0 0 0 33px; /* IE indents via margin-left */
    padding-left: 0;
    list-style: decimal outside;
}

ol.linenums li {
    padding-left: 12px;
    color: #bebec5;
    line-height: 25px;
    margin-top: 0;
    margin-bottom: 0;
    list-style: decimal outside;
}

pre.code {
    position: relative;
}

pre.code textarea {
    position: absolute;
    top: 0;
    left: 41px;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 8px 0px 8px 11px;
    border: none;
    line-height: 25px;
    font-size: 13px;
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace !important;
    background-color: #F7F7F7;
    overflow: hidden;
    resize: none;
}

pre.code textarea:focus {
    border: none;
    box-shadow: none;
}

.comment-main .prettyprint {
    font-size: 12px;
}

/* CSS3 Animate
/* ---------------- */
@keyframes heartbomb {
    0% {
        opacity: 1;
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    40% {
        opacity: 0.3;
        -webkit-transform: scale(5, 5);
        -moz-transform: scale(5, 5);
        -ms-transform: scale(5, 5);
        -o-transform: scale(5, 5);
        transform: scale(5, 5);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@-moz-keyframes heartbomb {
    0% {
        opacity: 1;
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    40% {
        opacity: 0.3;
        -webkit-transform: scale(5, 5);
        -moz-transform: scale(5, 5);
        -ms-transform: scale(5, 5);
        -o-transform: scale(5, 5);
        transform: scale(5, 5);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@-webkit-keyframes heartbomb {
    0% {
        opacity: 1;
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    40% {
        opacity: 0.3;
        -webkit-transform: scale(5, 5);
        -moz-transform: scale(5, 5);
        -ms-transform: scale(5, 5);
        -o-transform: scale(5, 5);
        transform: scale(5, 5);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@
-
0
-keyframes heartbomb {

0
%
{
    opacity: 1
;
    -webkit-transform: scale(1, 1)
;
    -moz-transform: scale(1, 1)
;
    -ms-transform: scale(1, 1)
;
    -o-transform: scale(1, 1)
;
    transform: scale(1, 1)
;
}
40
%
{
    opacity: 0.5
;
    -webkit-transform: scale(5, 5)
;
    -moz-transform: scale(5, 5)
;
    -ms-transform: scale(5, 5)
;
    -o-transform: scale(5, 5)
;
    transform: scale(5, 5)
;
}
100
%
{
    opacity: 1
;
    -webkit-transform: scale(1, 1)
;
    -moz-transform: scale(1, 1)
;
    -ms-transform: scale(1, 1)
;
    -o-transform: scale(1, 1)
;
    transform: scale(1, 1)
;
}
}

@keyframes starrotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1, 1);
        -moz-transform: rotate(0deg) scale(1, 1);
        -ms-transform: rotate(0deg) scale(1, 1);
        -o-transform: rotate(0deg) scale(1, 1);
        transform: rotate(0deg) scale(1, 1);
        opacity: 1;
    }
    50% {
        -webkit-transform: rotate(540deg) scale(2, 2);
        -moz-transform: rotate(540deg) scale(2, 2);
        -ms-transform: rotate(540deg) scale(2, 2);
        -o-transform: rotate(540deg) scale(2, 2);
        transform: rotate(540deg) scale(2, 2);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: rotate(1080deg) scale(1, 1);
        -moz-transform: rotate(1080deg) scale(1, 1);
        -ms-transform: rotate(1080deg) scale(1, 1);
        -o-transform: rotate(1080deg) scale(1, 1);
        transform: rotate(1080deg) scale(1, 1);
        opacity: 1;
    }
}

@-moz-keyframes starrotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1, 1);
        -moz-transform: rotate(0deg) scale(1, 1);
        -ms-transform: rotate(0deg) scale(1, 1);
        -o-transform: rotate(0deg) scale(1, 1);
        transform: rotate(0deg) scale(1, 1);
        opacity: 1;
    }
    50% {
        -webkit-transform: rotate(540deg) scale(2, 2);
        -moz-transform: rotate(540deg) scale(2, 2);
        -ms-transform: rotate(540deg) scale(2, 2);
        -o-transform: rotate(540deg) scale(2, 2);
        transform: rotate(540deg) scale(2, 2);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: rotate(1080deg) scale(1, 1);
        -moz-transform: rotate(1080deg) scale(1, 1);
        -ms-transform: rotate(1080deg) scale(1, 1);
        -o-transform: rotate(1080deg) scale(1, 1);
        transform: rotate(1080deg) scale(1, 1);
        opacity: 1;
    }
}

@-webkit-keyframes starrotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1, 1);
        -moz-transform: rotate(0deg) scale(1, 1);
        -ms-transform: rotate(0deg) scale(1, 1);
        -o-transform: rotate(0deg) scale(1, 1);
        transform: rotate(0deg) scale(1, 1);
        opacity: 1;
    }
    50% {
        -webkit-transform: rotate(540deg) scale(2, 2);
        -moz-transform: rotate(540deg) scale(2, 2);
        -ms-transform: rotate(540deg) scale(2, 2);
        -o-transform: rotate(540deg) scale(2, 2);
        transform: rotate(540deg) scale(2, 2);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: rotate(1080deg) scale(1, 1);
        -moz-transform: rotate(1080deg) scale(1, 1);
        -ms-transform: rotate(1080deg) scale(1, 1);
        -o-transform: rotate(1080deg) scale(1, 1);
        transform: rotate(1080deg) scale(1, 1);
        opacity: 1;
    }
}

@-o-keyframes starrotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1, 1);
        -moz-transform: rotate(0deg) scale(1, 1);
        -ms-transform: rotate(0deg) scale(1, 1);
        -o-transform: rotate(0deg) scale(1, 1);
        transform: rotate(0deg) scale(1, 1);
        opacity: 1;
    }
    50% {
        -webkit-transform: rotate(540deg) scale(2, 2);
        -moz-transform: rotate(540deg) scale(2, 2);
        -ms-transform: rotate(540deg) scale(2, 2);
        -o-transform: rotate(540deg) scale(2, 2);
        transform: rotate(540deg) scale(2, 2);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: rotate(1080deg) scale(1, 1);
        -moz-transform: rotate(1080deg) scale(1, 1);
        -ms-transform: rotate(1080deg) scale(1, 1);
        -o-transform: rotate(1080deg) scale(1, 1);
        transform: rotate(1080deg) scale(1, 1);
        opacity: 1;
    }
}